/* All presentation is confined to the table-chat preview. */
#table-chat{background:#e54425;color:#fff5e5;margin:0;padding:48px 5% 64px;position:relative;overflow:hidden;scroll-margin-top:0;border:0}
#table-chat:before{content:'';position:absolute;width:680px;height:680px;left:-330px;bottom:-430px;border:1px solid #fff5e533;border-radius:50%;box-shadow:0 0 0 60px #fff5e50a,0 0 0 120px #fff5e508;pointer-events:none}
#table-chat .section-label{border-color:#fff5e550;color:#fff5e5;margin-bottom:40px;position:relative}
#table-chat .chat-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center;position:relative}
#table-chat .chat-eyebrow{font-size:9px;letter-spacing:.12em;display:flex;align-items:center;gap:9px;margin-bottom:24px}
#table-chat .chat-eyebrow i{width:6px;height:6px;background:#fff5e5;border-radius:50%}
#table-chat .chat-story h2{font:700 clamp(62px,6.8vw,106px)/.9 var(--display);letter-spacing:-.025em;margin:0 0 25px}
#table-chat .chat-story h2 span{color:var(--ink);display:inline-block;position:relative}
#table-chat .chat-story h2 span:after{content:'';position:absolute;height:3px;background:var(--ink);left:1%;right:0;bottom:-8px;transform:rotate(-3deg)}
#table-chat .chat-story>p{font:400 14px/1.8 'DM Sans',sans-serif;color:#fff5e5;margin:30px 0}
#table-chat .chat-route-label{font-size:8px;letter-spacing:.11em;margin:32px 0 18px;opacity:.85}
#table-chat .chat-routing{display:flex;align-items:center;max-width:330px;perspective:600px}
#table-chat .chat-table-token,#table-chat .chat-recipient-token{width:82px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;font:600 38px var(--display);background:#fff5e5;color:var(--ink);border:1px solid #fff5e5;box-shadow:0 5px 0 #dbcbb5,0 12px 18px #5e180d33;transform:rotate(-7deg);border-radius:9px}
#table-chat .chat-recipient-token{border-radius:50%;background:var(--ink);border-color:var(--ink);color:#fff5e5;box-shadow:0 5px 0 #151512,0 12px 18px #5e180d33;transform:rotate(7deg);transition:transform .35s}
#table-chat[data-recipient=management] .chat-recipient-token{transform:rotate(-7deg)}
#table-chat .chat-table-token small,#table-chat .chat-recipient-token small{font:600 6px 'DM Sans',sans-serif;letter-spacing:.09em}
#table-chat .chat-wire{height:1px;flex:1;background:#fff5e580;margin:0 14px;position:relative}
#table-chat .chat-wire:after{content:'↔';position:absolute;left:45%;top:-13px;background:#e54425;padding:0 4px;font-size:18px}
#table-chat .chat-wire i{position:absolute;z-index:1;top:-5px;left:0;width:11px;height:11px;background:#fff5e5;border-radius:50%;opacity:0;box-shadow:0 0 0 6px #fff5e522}
#table-chat.chat-delivering .chat-wire i{animation:chat-route 1.1s ease-in-out}
#table-chat .chat-caption{display:flex;flex-direction:column;margin-top:25px;gap:8px}
#table-chat .chat-caption-index{font-size:8px;letter-spacing:.1em}
#table-chat .chat-caption-title{font:500 15px/1.4 'DM Sans',sans-serif;white-space:pre-line}
#table-chat .chat-console{background:#fffaf1;color:var(--ink);min-width:0;position:relative;border-radius:16px;box-shadow:0 5px 0 #ded0bc,0 12px 0 #fff5e52b,0 28px 55px #64140745;border:1px solid #fff5e5;transform:rotate(1deg)}
#table-chat .chat-ticket-edge{position:absolute;width:70px;height:22px;background:#ffffff66;top:-12px;left:43%;transform:rotate(-7deg);border:1px solid #ffffff44;backdrop-filter:blur(3px)}
#table-chat .chat-console-top{padding:19px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7dfd2}
#table-chat .chat-wordmark{color:#e54425;font:700 26px 'DM Sans',sans-serif;letter-spacing:-1px}
#table-chat .chat-wordmark>span{font:600 8px 'DM Sans',sans-serif;letter-spacing:.12em;color:#70675b;margin-left:7px}
#table-chat .chat-reset{background:none;border:0;font:500 10px 'DM Sans',sans-serif;color:#70675b;cursor:pointer;min-height:35px}
#table-chat .chat-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 18px 0}
#table-chat .chat-tabs button{display:flex;align-items:center;gap:10px;border:1px solid #ded7cb;border-radius:10px;background:transparent;color:#70675b;padding:13px 12px;text-align:left;cursor:pointer;transition:background .25s,box-shadow .25s,transform .25s;min-width:0}
#table-chat .chat-tabs button[aria-selected=true]{background:var(--ink);color:#fff5e5;border-color:var(--ink);box-shadow:0 4px 0 #d2c7b6;transform:translateY(-2px)}
#table-chat .chat-tabs button>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;font:600 20px var(--display);flex-shrink:0}
#table-chat .chat-tabs strong{font:600 12px 'DM Sans',sans-serif}
#table-chat .chat-tabs small{display:block;font-size:8px;font-weight:400;margin-top:4px;opacity:.8}
#table-chat .chat-tabs b{margin-left:auto;font-weight:400}
#table-chat .chat-journey{display:flex;gap:8px;align-items:center;margin:19px 22px 0;font-size:8px;color:#928777}
#table-chat .chat-journey>span{white-space:nowrap;transition:color .25s}
#table-chat .chat-journey b{font-weight:500;margin-left:4px}
#table-chat .chat-journey i{height:1px;flex:1;background:#e1d8cb}
#table-chat .chat-journey .is-current{color:#c63216}
#table-chat .chat-thread-heading{display:flex;justify-content:space-between;gap:8px;padding:20px 22px 8px;font-size:8px;letter-spacing:.08em}
#table-chat .chat-thread-heading small{font-size:7px;color:#70675b}
#table-chat .chat-messages{height:205px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:12px 22px 18px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(#ddd4c55c .7px,transparent .7px);background-size:12px 12px}
#table-chat .chat-bubble{max-width:88%;padding:13px 15px;background:#ede7dc;border:1px solid #e2dacd;border-radius:2px 13px 13px;align-self:flex-start;flex-shrink:0;margin:0;color:var(--ink);box-shadow:0 2px 0 #dbd0bd44}
#table-chat .chat-bubble p{font:400 12px/1.65 'DM Sans',sans-serif;margin:0;overflow-wrap:anywhere}
#table-chat .chat-bubble small{display:block;font:500 7px 'DM Sans',sans-serif;letter-spacing:.05em;margin-top:8px;color:#70675b}
#table-chat .chat-bubble.guest{align-self:flex-end;background:var(--ink);border-color:var(--ink);color:#fffaf1;border-radius:13px 2px 13px 13px}
#table-chat .chat-bubble.guest small{color:#dfd3be}
#table-chat .chat-bubble-enter{animation:chat-arrive .35s cubic-bezier(.2,.8,.2,1)}
#table-chat .chat-composer{padding:13px 20px 12px;border-top:1px solid #e5dccf;background:#fffaf1}
#table-chat .chat-prompt-label{font-size:8px;letter-spacing:.1em;color:#70675b}
#table-chat .chat-prompts{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 12px}
#table-chat .chat-prompts button{display:flex;align-items:center;gap:5px;background:#f4ecdf;border:1px solid #e5dac8;border-radius:6px;color:var(--ink);padding:7px 8px;min-height:34px;font:500 9px 'DM Sans',sans-serif;cursor:pointer;transition:transform .2s,background .2s}
#table-chat .chat-prompt-icon{font-size:15px;color:#c63216}
#table-chat .chat-prompts button:hover{transform:translateY(-3px);background:#ffe2d5;border-color:#e54425}
#table-chat .chat-form{display:flex;gap:5px;border:1px solid #ded4c3;border-radius:9px;background:white;padding:5px;box-shadow:0 3px 7px #23232106}
#table-chat .chat-form input{width:100%;min-width:0;padding:7px;border:0;background:none;font:400 12px 'DM Sans',sans-serif;color:var(--ink)}
#table-chat .chat-form button{width:39px;height:39px;flex-shrink:0;border:0;border-radius:6px;background:#e54425;color:white;font-size:25px;cursor:pointer;transition:transform .2s}
#table-chat .chat-form button:hover{transform:rotate(-8deg)}
#table-chat .chat-form:focus-within{outline:2px solid #e54425;outline-offset:2px}
#table-chat .chat-form input:focus{outline:none}
#table-chat .chat-composer-foot{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#70675b;margin-top:9px}
#table-chat .chat-demo-note{font-size:8px;line-height:1.6;color:#70675b;padding:11px 20px;border-top:1px dashed #d8cbb7;text-align:center}
#table-chat .chat-typing{display:flex;gap:4px;align-items:center;padding:8px;flex-shrink:0}
#table-chat .chat-typing i{width:5px;height:5px;border-radius:50%;background:#e54425;animation:chat-typing .65s ease-in-out infinite alternate}
#table-chat .chat-typing i:nth-child(2){animation-delay:.15s}#table-chat .chat-typing i:nth-child(3){animation-delay:.3s}
#table-chat .chat-typing span{font-size:9px;margin-left:5px;color:#70675b}
#table-chat button:disabled{opacity:.45;cursor:wait}#table-chat button:focus-visible{outline:2px solid #c63216;outline-offset:3px}
#table-chat .chat-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes chat-route{0%{opacity:0;left:0}15%,80%{opacity:1}100%{left:100%;opacity:0}}
@keyframes chat-arrive{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes chat-typing{to{transform:translateY(-4px);opacity:.4}}
@media(max-width:1000px){#table-chat .chat-layout{gap:4%;grid-template-columns:.85fr 1.15fr}#table-chat .chat-tabs b{display:none}#table-chat .chat-tabs button{padding:12px 8px;gap:7px}#table-chat .chat-wordmark>span{display:none}}
@media(max-width:700px){#table-chat{padding:35px 6% 46px}#table-chat .chat-layout{grid-template-columns:1fr;gap:32px}#table-chat .chat-story h2{font-size:72px}#table-chat .chat-story>p{margin:23px 0}#table-chat .chat-route-label,#table-chat .chat-caption{display:none}#table-chat .chat-routing{position:absolute;right:0;top:210px;width:120px;transform:scale(.75);transform-origin:right center}#table-chat .chat-wire{margin:0 7px}#table-chat .chat-table-token,#table-chat .chat-recipient-token{width:52px;height:52px;font-size:26px}#table-chat .chat-table-token small,#table-chat .chat-recipient-token small{font-size:4px}#table-chat .chat-wire:after{display:none}#table-chat .section-label{margin-bottom:28px}#table-chat .section-label>span:last-child{display:none}#table-chat .chat-console{transform:none}#table-chat .chat-messages{height:220px;padding:12px 15px}#table-chat .chat-composer{padding:13px 14px}#table-chat .chat-prompts button{min-height:40px}#table-chat .chat-tabs strong{font-size:11px}#table-chat .chat-reset{min-height:44px}#table-chat .chat-journey{margin:18px 16px 0;gap:5px;font-size:7px}}
@media(prefers-reduced-motion:reduce){#table-chat *,#table-chat *:before,#table-chat *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Refined branded conversation surface. */
#table-chat .chat-wordmark{display:flex;align-items:center;gap:7px}
#table-chat .chat-wordmark img{mix-blend-mode:multiply;border-radius:50%;width:28px;height:28px;object-fit:contain}
#table-chat .chat-wordmark>span{margin-left:0}
#table-chat .chat-console{transform:rotate(.5deg);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
#table-chat .chat-console:focus-within{transform:rotate(0);box-shadow:0 5px 0 #ded0bc,0 12px 0 #fff5e52b,0 32px 65px #64140750}
#table-chat .chat-ticket-edge{width:90px;height:24px;left:40%;background:#fff9df88}
#table-chat .chat-wallpaper{position:relative;isolation:isolate;overflow:hidden;background:#fff5e9;border-top:1px solid #efe2d1;border-bottom:1px solid #efe2d1}
#table-chat .chat-wallpaper-art{position:absolute;inset:-40px -20px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:91px;align-items:center;justify-items:center;pointer-events:none;z-index:-1;opacity:.15;transform:rotate(-9deg);color:#e54425}
#table-chat .chat-wallpaper-art img{width:39px;height:39px;mix-blend-mode:multiply;object-fit:contain}
#table-chat .chat-wallpaper-art img:nth-of-type(3n){width:52px;height:52px;transform:rotate(18deg)}
#table-chat .chat-wallpaper-art span{font:500 13px var(--display);white-space:nowrap;letter-spacing:.05em;transform:rotate(7deg)}
#table-chat .chat-wallpaper-art span:nth-of-type(2n){font-size:29px}
#table-chat .chat-messages{background:none;height:235px;padding-top:18px;padding-bottom:23px}
#table-chat .chat-bubble{background:#fffdf8;border:1px solid #e6d9c9;box-shadow:0 3px 9px #6143250c;max-width:84%;position:relative}
#table-chat .chat-bubble.staff{border-radius:3px 15px 15px 15px;border-left:2px solid #e54425}
#table-chat .chat-bubble.guest{background:#2d2c29;box-shadow:0 4px 10px #23232115}
#table-chat .chat-bubble.guest small{color:#e9bba9;letter-spacing:.06em}
#table-chat .chat-bubble p{font-size:12px;line-height:1.7}
#table-chat .chat-typing{background:#fffdf8;align-self:flex-start;padding:11px 14px;border:1px solid #e6d9c9;border-radius:3px 12px 12px;box-shadow:0 3px 9px #6143250c}
#table-chat .chat-prompt-label{display:flex;justify-content:space-between;gap:8px;font-weight:600}
#table-chat .chat-prompt-label>span{font-weight:400;letter-spacing:0}
#table-chat .chat-prompts button{border-radius:8px;background:#fffdf8;box-shadow:0 2px 0 #e5dac855;transition:background .2s,transform .2s,box-shadow .2s}
#table-chat .chat-prompts button:active{transform:translateY(1px);box-shadow:none}
#table-chat .chat-form{transition:box-shadow .25s,border-color .25s}
#table-chat.chat-is-writing .chat-form{border-color:#e54425;box-shadow:0 0 0 3px #e544250d}
#table-chat.chat-is-writing .chat-form button{transform:rotate(-8deg);box-shadow:0 3px 8px #e544252a}
#table-chat .chat-journey>span{position:relative;padding-bottom:5px}
#table-chat .chat-journey>span:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#e54425;transform:scaleX(0);transform-origin:left;transition:transform .4s}
#table-chat .chat-journey>span.is-current:after{transform:scaleX(1)}
#table-chat[data-chat-stage="2"] .chat-recipient-token{box-shadow:0 5px 0 #151512,0 0 0 7px #fff5e529,0 12px 18px #5e180d33}
#table-chat .chat-recipient-token{transition:transform .4s,box-shadow .4s}
#table-chat.chat-in-view .chat-story h2 span:after{animation:chat-underline 1.1s cubic-bezier(.2,.8,.2,1) both}
#table-chat .chat-console .chat-tabs button[aria-selected=true]>span{background:#fff5e514;border-color:#fff5e580}
#table-chat .chat-thread-heading{padding-top:16px;padding-bottom:12px}
@keyframes chat-underline{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(max-width:700px){#table-chat .chat-console{transform:none}#table-chat .chat-routing{position:static;transform:none;width:210px;margin:20px 0 0}#table-chat .chat-table-token,#table-chat .chat-recipient-token{width:60px;height:60px;font-size:30px}#table-chat .chat-table-token small,#table-chat .chat-recipient-token small{font-size:5px}#table-chat .chat-wallpaper-art{grid-template-columns:repeat(6,1fr)}#table-chat .chat-wallpaper-art img{width:29px;height:29px}#table-chat .chat-wallpaper-art img:nth-of-type(3n){width:38px;height:38px}#table-chat .chat-wallpaper-art span{font-size:10px}#table-chat .chat-messages{height:245px}}
@media(prefers-reduced-motion:reduce){#table-chat.chat-in-view .chat-story h2 span:after{animation:none}#table-chat .chat-console,#table-chat .chat-journey>span:after{transition:none}}
.chat-media-tools{display:flex;align-items:center;gap:8px;margin:12px 0}.chat-media-tools button{display:flex;align-items:center;gap:6px;border:1px solid #dccab9;background:#fffaf3;color:#a74325;border-radius:20px;padding:8px 12px;font:600 11px 'DM Sans',sans-serif;cursor:pointer}.chat-media-tools svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.chat-media-tools>span{margin-left:auto;font:10px 'DM Sans',sans-serif;color:#847364}.chat-media-tools button:hover{background:#fce5d7}.chat-media-tools .is-recording{background:#cf512e;color:white;animation:chatMicPulse 1s ease-in-out infinite}.chat-media-review:not([hidden]){display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;background:#f4ecdf;border:1px solid #dccab9;border-radius:12px;margin-bottom:10px}.chat-media-review img{width:70px;height:70px;object-fit:cover;border-radius:8px}.chat-media-review span{font:12px 'DM Sans',sans-serif;flex:1}.chat-media-review button{border:0;background:#c84e2c;color:white;padding:9px 12px;border-radius:6px;cursor:pointer}.chat-media-review button:first-of-type{background:transparent;color:#775d4c}.chat-attached-photo{display:block;max-width:100%;max-height:180px;border-radius:9px;object-fit:contain}.chat-bubble audio,.chat-media-review audio{max-width:100%;width:240px;height:40px}.chat-media-tools button:focus-visible,.chat-media-review button:focus-visible{outline:2px solid #ca4c2a;outline-offset:3px}@keyframes chatMicPulse{50%{box-shadow:0 0 0 5px #cf512e20}}@media(max-width:600px){.chat-media-tools>span{display:none}}@media(prefers-reduced-motion:reduce){.chat-media-tools .is-recording{animation:none}}
.chat-voice-player{display:flex;align-items:center;gap:10px;width:280px;max-width:100%;padding:10px;border:1px solid #d8663e55;background:#fff8ef;border-radius:12px;color:#c34f2b;box-sizing:border-box}.chat-voice-player>audio{display:none}.chat-voice-player .chat-audio-play{border:0;border-radius:50%;background:#ca512d;color:#fff;width:34px;height:34px;flex-shrink:0;padding:0;cursor:pointer;font:14px sans-serif}.chat-audio-track{height:32px;position:relative;flex:1;min-width:50px}.chat-audio-bars{height:100%;display:flex;align-items:center;gap:2px}.chat-audio-bars i{flex:1;background:#ebbea5;border-radius:3px;min-width:1px}.chat-audio-bars i.played{background:#ce512a}.chat-audio-track input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.chat-audio-track:focus-within{outline:2px solid #b84423;outline-offset:4px;border-radius:3px}.chat-audio-time{font:9px monospace!important;white-space:nowrap;flex:0!important}.chat-media-review .chat-voice-player{flex-basis:100%}.chat-media-tools{flex-wrap:wrap}.chat-media-tools .chat-voice-sample{font-size:10px;background:transparent;border-style:dashed}.chat-photo-expand{padding:0;border:0;background:transparent;cursor:zoom-in;display:block;text-align:left}.chat-photo-expand span{display:block;padding:5px 0;color:#a04329;font:10px sans-serif}.chat-photo-viewer{border:0;border-radius:12px;padding:14px;background:#fff9ef;max-width:90vw;max-height:90vh}.chat-photo-viewer::backdrop{background:#1e1717cc;backdrop-filter:blur(5px)}.chat-photo-viewer img{display:block;max-width:82vw;max-height:75vh;object-fit:contain}.chat-photo-viewer>button{display:block;margin:0 0 12px auto;border:0;background:#cb512b;color:white;border-radius:6px;padding:10px 16px;cursor:pointer}
/* One short delivery gesture for each message type. */
#table-chat.chat-delivering .chat-wire>i{animation:none;opacity:0}
#table-chat .chat-route-packet{position:absolute;top:50%;left:0;width:38px;height:32px;display:grid;place-items:center;background:#fff5e5;color:#cd512e;border-radius:7px;box-shadow:0 3px 8px #6a201933;z-index:3;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}
#table-chat .chat-route-packet svg{width:26px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#table-chat.chat-delivering .chat-route-packet{animation:chat-packet-trip 1.1s cubic-bezier(.25,.65,.35,1) both}
#table-chat.chat-reply-arrived .chat-recipient-token{animation:chat-recipient-arrival .65s ease-out}
@keyframes chat-packet-trip{0%{left:0;opacity:0;transform:translate(-50%,-50%) scale(.7)}15%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0;transform:translate(-50%,-50%) scale(.9)}}
@keyframes chat-recipient-arrival{50%{box-shadow:0 5px 0 #151512,0 0 0 12px #fff5e545,0 12px 18px #5e180d33}}
@media(prefers-reduced-motion:reduce){#table-chat.chat-delivering .chat-route-packet,#table-chat.chat-reply-arrived .chat-recipient-token{animation:none}}