/* Approved consultation artwork with live accessible controls. */
html:root body[data-screen="consultationChat"]{background:#fff9ed!important;color:#4e3e28!important}
html:root body[data-screen="consultationChat"]>.site-header{display:none!important}
html:root body[data-screen="consultationChat"] #top{padding:0!important;margin:0 auto!important;max-width:720px!important;width:100%!important}
html:root body[data-screen="consultationChat"] #screenTitle{visibility:hidden!important}
html:root body[data-screen="consultationChat"] #screenToolbar{background:none!important;border:0!important;box-shadow:none!important}
html:root body[data-screen="consultationChat"] #screenBack{border-radius:14px!important;background:#102f42!important;color:#fff4d2!important;border:2px solid #c3a05c!important;box-shadow:0 0 0 2px #173a4d,0 3px 8px #0004!important}
html:root body[data-screen="consultationChat"] #siteSwitchDock{top:8px!important}
html:root body #top #consultationChat.consult-designed38{width:100%!important;max-width:720px!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:100dvh!important;height:auto!important;max-height:none!important;background:#fffaf0!important;color:#503d29!important;overflow:visible!important;position:relative!important}
html:root body #top #consultationChat.consult-designed38[hidden]{display:none!important}
html:root body #top #consultationChat.consult-designed38::before,html:root body #top #consultationChat.consult-designed38::after{display:none!important}
html:root body #consultationChat>.chat-host,html:root body #consultationChat>.consult-portrait{display:none!important}
.consult-head38{margin:0!important;padding:0!important;background:#fff9eb!important}
.consult-brand38{box-sizing:border-box;height:108px;padding:65px 0 12px;text-align:center;color:#78241c;font:700 25px/1.2 'Noto Serif JP',serif;letter-spacing:.08em;background:radial-gradient(ellipse at 95% 20%,#f9ded7,transparent 40%),#fffaed}
html:root body #consultationChat .consult-art38{display:block!important;width:100%!important;height:auto!important;margin:0!important;border:0!important;position:static!important;pointer-events:none!important}
html:root body #consultationChat #consultSessionPanel{background:none!important;border:0!important;padding:12px 12px 20px!important;margin:0!important;box-shadow:none!important;color:#503d29!important}
.framed38{position:relative;isolation:isolate;background:#fffaf0}
html:root body #consultationChat .consult-frame38{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:-1!important;pointer-events:none!important;border:0!important;padding:0!important;margin:0!important}
html:root body #consultationChat .consult-status38{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(130px,43%)!important;align-items:center;gap:8px;padding:16px 14px;margin:0 0 6px}
.consult-info38{min-width:0;display:flex;flex-direction:column;gap:5px}
.consult-stage38{color:#214e32!important;font:700 clamp(15px,3.8vw,22px)/1.4 'Noto Serif JP',serif!important}
.consult-stage38::before{content:'●';color:#66a150;font-size:12px;margin-right:5px}
html:root body #consultationChat #consultPresence{background:none!important;color:#665640!important;font:12px/1.5 system-ui!important;text-shadow:none!important;padding:0!important;white-space:normal!important}
html:root body #consultationChat #consultTimer:not([hidden]){font:600 14px/1.4 system-ui!important;background:transparent!important;color:#345536!important;border:0!important;padding:0!important;text-shadow:none!important;white-space:normal!important}
.consult-enter38,.consult-send38{position:relative;isolation:isolate}
html:root body #consultationChat :is(.consult-enter38,.consult-send38)>button{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;padding:0!important;min-height:0!important;cursor:pointer}
.consult-enter38:focus-within,.consult-send38:focus-within{outline:3px solid #997330;outline-offset:2px}
.consult-enter38.disabled38,.consult-send38:has(button:disabled){opacity:.48}
html:root body #consultationChat .consult-enter38[hidden]{display:none!important}
html:root body #consultationChat #consultStatus{font:12px/1.6 system-ui!important;color:#75604b!important;text-shadow:none!important;background:none!important;margin:6px 7px 12px!important;padding:0!important}
html:root body #consultationChat .consult-chat38{padding:18px 12px 16px!important;margin:0 0 12px!important;background:radial-gradient(ellipse at 100% 95%,#fbeae0,transparent 45%),#fffaf1}
html:root body #consultationChat .consult-chat38>h3{text-align:center;font:700 21px/1.5 'Noto Serif JP',serif;color:#563c24!important;background:none!important;margin:0 0 16px!important}
html:root body #consultationChat .consult-conversation{display:block!important;background:none!important;border:0!important;padding:0!important;margin:0!important;min-height:0!important;height:auto!important}
html:root body #consultationChat .consult-speaker-kizuna{display:contents!important}
html:root body #consultationChat .consult-speaker-kizuna>strong,html:root body #consultationChat .consult-speaker-customer{display:none!important}
html:root body #consultationChat #consultMessages{display:flex!important;flex-direction:column!important;gap:14px!important;min-height:240px!important;max-height:55dvh!important;height:auto!important;padding:5px 5px 15px!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow-y:auto!important;overscroll-behavior:contain}
html:root body #consultationChat #consultMessages:empty::after{content:'入室すると、ここに会話が表示されます。';color:#99866d;font:14px/1.8 system-ui;text-align:center;margin:auto;max-width:220px}
html:root body #consultationChat #consultMessages .chat-message{display:flex!important;flex-direction:column!important;position:relative!important;align-self:flex-start!important;width:86%!important;max-width:86%!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#473c32!important}
html:root body #consultationChat #consultMessages .chat-message.consult-customer38{align-self:flex-end!important}
html:root body #consultationChat #consultMessages .chat-avatar{display:none!important}
html:root body #consultationChat #consultMessages header{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px!important;padding:0 5px 5px!important;margin:0!important;background:none!important;border:0!important;color:#6e6254!important}
html:root body #consultationChat #consultMessages header strong{font:500 13px/1.5 system-ui!important;color:#655949!important}
html:root body #consultationChat #consultMessages header time{font:10px/1.5 system-ui!important;color:#998b7a!important}
html:root body #consultationChat #consultMessages .consult-customer38 header{justify-content:flex-end}
html:root body #consultationChat #consultMessages .chat-message>p{padding:13px 15px!important;margin:0!important;border:1px solid #e6c6bb!important;border-radius:18px!important;background:linear-gradient(135deg,#fffdfa,#fceee9)!important;color:#453d36!important;font:16px/1.7 system-ui!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;text-shadow:none!important;box-shadow:0 3px 7px #7f56300b!important}
html:root body #consultationChat #consultMessages .consult-customer38>p{background:linear-gradient(135deg,#fafced,#e9f1dc)!important;border-color:#b9c79d!important}
html:root body #consultationChat #consultMessages .chat32-message-menu{min-width:28px!important;min-height:24px!important;padding:0 5px!important;margin:0 0 0 auto!important;font-size:16px!important;background:none!important;border:0!important;box-shadow:none!important;color:#7c6950!important}
html:root body #consultationChat .consult-compose38{display:grid!important;grid-template-columns:minmax(0,1fr) 34px 80px!important;gap:5px!important;align-items:center!important;padding:0!important;margin:0 0 12px!important;border:0!important;background:none!important;box-shadow:none!important;position:relative!important;bottom:auto!important}
html:root body #consultationChat #consultText{grid-column:1!important;grid-row:1!important;width:100%!important;box-sizing:border-box!important;min-height:58px!important;max-height:160px!important;padding:14px 10px!important;background:#fffdf7!important;border:1px solid #bd9b53!important;border-radius:20px!important;color:#493c30!important;font:16px/1.6 system-ui!important;box-shadow:none!important;resize:vertical!important}
html:root body #consultationChat .consult-compose38 .chat32-compose-mention{grid-column:2!important;grid-row:1!important;width:34px!important;min-width:0!important;min-height:38px!important;padding:0!important;margin:0!important;color:#755121!important;background:#fff9eb!important;border:1px solid #c5a160!important;border-radius:12px!important;font-size:22px!important}
html:root body #consultationChat .consult-send38{grid-column:3!important;grid-row:1!important}
.consult-sr38{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
html:root body #consultationChat .consult-guide38{border:1px solid #dfcfae;border-radius:10px;background:#fffbf2;padding:10px 12px;margin:12px 0;font:13px/1.7 system-ui;color:#70573c}
html:root body #consultationChat .consult-guide38 summary{cursor:pointer}
html:root body #consultationChat .consult-timer-row{display:flex!important;flex-wrap:wrap!important;gap:7px!important;background:none!important;padding:7px 0!important}
html:root body #consultationChat .consult-timer-row button{background:#fff7e6!important;color:#654b2e!important;border:1px solid #c6ab77!important;border-radius:9px!important;padding:8px 12px!important;font:13px/1.5 system-ui!important}
html:root body #consultationChat .consult-timer-row button[hidden]{display:none!important}
html:root body #consultationChat #consultTimeCue{color:#75583d!important;font:13px/1.7 system-ui!important;background:none!important;text-shadow:none!important}
html:root body #consultationChat .consult-footer38{display:block!important;text-align:center!important;color:#45687b!important;font:13px/1.5 system-ui!important;text-decoration:underline!important;background:none!important;padding:8px!important}
@media(min-width:600px){.consult-brand38{font-size:31px;height:112px}html:root body #consultationChat #consultSessionPanel{padding:18px 24px 24px!important}html:root body #consultationChat .consult-status38{padding:22px 24px}html:root body #consultationChat .consult-compose38{grid-template-columns:minmax(0,1fr) 45px 130px!important}html:root body #consultationChat #consultMessages{min-height:300px!important}}

html:root body[data-screen="consultationChat"] #consultationChat #consultBack{display:block!important;visibility:visible!important;position:fixed!important;left:12px!important;top:calc(10px + env(safe-area-inset-top,0px))!important;z-index:2147483000!important;width:84px!important;min-width:0!important;height:42px!important;margin:0!important;padding:6px 10px!important;border:2px solid #c5a25b!important;border-radius:12px!important;background:#103144!important;color:#fff1d0!important;font:600 17px/1.3 'Noto Serif JP',serif!important;box-shadow:0 0 0 2px #173d4c,0 3px 8px #0003!important}
html:root body[data-screen="consultationChat"] #siteSwitchDock{position:fixed!important;top:8px!important;right:10px!important;transform:none!important;z-index:2147482999!important}

html:root body #consultationChat .consult-head38>.consult-brand38{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:100%!important;box-sizing:border-box!important;height:108px!important;min-height:108px!important;padding:65px 0 12px!important;margin:0!important;text-align:center!important;color:#78241c!important;-webkit-text-fill-color:#78241c!important;font:700 25px/1.2 'Noto Serif JP',serif!important;letter-spacing:.08em!important;text-shadow:none!important;overflow:visible!important}