/* One reusable glass surface for dealership records. */
.record-shade{position:fixed;inset:0;z-index:80;background:#18232c12;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.record-shade.is-open{opacity:1;visibility:visible}
.record-drawer{--glass-ink:#24333e;position:fixed;z-index:81;top:12px;right:12px;bottom:12px;width:min(540px,calc(100vw - 24px));color:var(--glass-ink);border:1px solid #ffffffba;border-right-color:#c5cfdc90;border-bottom-color:#adbccba0;border-radius:24px;background:linear-gradient(125deg,#ffffffb0 0%,#edf3f67a 45%,#d5e1e76b 100%);backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%);box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 1px #ffffff70, -22px 14px 60px #13253524,0 3px 8px #20374916;transform:translateX(calc(100% + 50px));visibility:hidden;transition:transform .55s cubic-bezier(.22,1,.36,1),visibility .55s;display:flex;flex-direction:column;isolation:isolate;container-type:inline-size}
.record-drawer:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}
.record-drawer:after{content:'';position:absolute;inset:1px;border-radius:23px;pointer-events:none;border:1px solid #ffffff45;mask-image:linear-gradient(135deg,#000,transparent 45%,#000)}
.record-drawer.is-open{visibility:visible;transform:translateX(0)}
.record-resize{position:absolute;left:-12px;top:0;bottom:0;width:25px;border:0;padding:0;background:transparent;cursor:ew-resize;touch-action:none;z-index:3}
.record-resize:before{content:'';position:absolute;left:10px;top:calc(50% - 30px);height:60px;width:4px;border-radius:4px;background:#7d909e80;box-shadow:1px 0 0 #ffffffd0;transition:height .2s,background .2s,top .2s}
.record-resize:hover:before,.record-resize:focus-visible:before{height:80px;top:calc(50% - 40px);background:#536e80}
.record-resizing,.record-resizing *{cursor:ew-resize!important;user-select:none!important}.record-resizing .record-drawer{transition:none}
.record-top{display:flex;align-items:center;gap:10px;padding:22px 26px 18px;border-bottom:1px solid #ffffff90;box-shadow:0 1px 0 #798d9b1c}
.record-top small{font-size:10px;letter-spacing:1.7px;font-weight:600;margin-right:auto;color:#5c7383}
.record-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffffa0;background:#ffffff35;border-radius:50%;color:inherit;padding:7px;transition:background .2s,transform .2s}.record-icon:hover{background:#ffffff90;transform:translateY(-1px)}.record-icon svg{width:16px;height:16px}
.record-scroll{overflow:auto;overscroll-behavior:contain;flex:1;padding:28px;scrollbar-width:thin;scrollbar-color:#8296a480 transparent}
.record-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#627b8b}.record-status{padding:7px 10px;border:1px solid #ffffffa0;border-radius:20px;background:#ffffff40;color:#405e6c;font-size:10px;letter-spacing:.3px}
.record-drawer h2{font-size:30px;letter-spacing:-1px;font-weight:600;margin:20px 0 8px;line-height:1.15}.record-subtitle{font-size:13px;color:#617685;line-height:1.7;margin:0 0 24px}
.record-tabs{display:flex;gap:20px;border-bottom:1px solid #879ba435;margin:0 0 25px}.record-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#697e8c;padding:11px 0;font-size:12px}.record-tabs button[aria-selected=true]{border-color:#263f4f;color:#263f4f}
.record-grid{display:grid;grid-template-columns:1fr;gap:16px}.glass-block{background:linear-gradient(120deg,#ffffff55,#ffffff18);border:1px solid #ffffff80;border-radius:16px;padding:22px;box-shadow:inset 0 1px 0 #ffffff70,0 3px 12px #26394a04}
.glass-block h3{font-size:13px;font-weight:600;margin:0 0 18px}.glass-block p{font-size:13px;line-height:1.8;margin:0;color:#536a79}.record-pairs{margin:0;display:grid;grid-template-columns:1fr auto;gap:16px;font-size:12px}.record-pairs dt{color:#657c8b}.record-pairs dd{margin:0;text-align:right;font-weight:500}.record-inline{background:none;border:0;border-bottom:1px solid #8da2af;padding:0 0 3px;color:inherit;font-size:inherit}
.record-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:24px;padding-top:18px;border-top:1px solid #8499a22e;font-size:12px}.record-total strong{font-size:25px;font-weight:500;letter-spacing:-.7px}.record-timeline{list-style:none;padding:0;margin:0}.record-timeline li{position:relative;padding:0 0 25px 22px;border-left:1px solid #93a7b350;margin-left:4px;font-size:12px;line-height:1.7}.record-timeline li:before{content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:#6b8596;box-shadow:0 0 0 4px #ffffff50}.record-timeline li:last-child{padding-bottom:0;border-color:transparent}.record-timeline small{display:block;color:#718692;font-size:10px}
.record-avatar{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(130deg,#ffffffb0,#aabfce50);border:1px solid #ffffffb0;box-shadow:inset 1px 1px #fff,0 6px 16px #29425310;font-size:20px;color:#506b7d;margin-top:22px}
.record-foot{padding:16px 26px;display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff80;font-size:10px;color:#647c8c}.record-foot span{margin-right:auto}.record-primary{border:1px solid #243c4b;background:#263e4d;color:#fff;border-radius:9px;padding:11px 16px;font-size:12px}.record-note{width:100%;min-height:120px;resize:vertical;border:1px solid #ffffffa0;border-radius:12px;padding:14px;background:#ffffff45;color:inherit;font:inherit;font-size:13px;line-height:1.6;margin:16px 0 12px}.record-note-status{min-height:20px;font-size:11px!important}.record-open{cursor:pointer;transition:box-shadow .25s,transform .25s}.record-open:hover{box-shadow:0 10px 24px #263e4d12;transform:translateY(-2px)}.record-open:focus-visible{outline:2px solid #6c879a;outline-offset:3px}.customer-open{display:block;text-align:left;border:0;background:none;padding:8px 0;color:#718594;font-size:13px;cursor:pointer}.customer-open:hover{color:#243c4b}
@container(min-width:760px){.record-grid{grid-template-columns:1.15fr 1fr}.record-drawer h2{font-size:36px}.record-scroll{padding:36px}.record-grid .record-wide{grid-column:1/-1}}
.dark .record-drawer{--glass-ink:#e4edf3;background:linear-gradient(125deg,#405767af,#263b497d 55%,#182a368c);border-color:#e1f0fc45;box-shadow:inset 1px 1px #ffffff40,inset -1px -1px #ffffff15,-22px 14px 60px #0005}.dark .record-top,.dark .record-foot{border-color:#ffffff20}.dark .glass-block{background:linear-gradient(120deg,#ffffff0e,#ffffff03);border-color:#ffffff22}.dark .record-drawer p,.dark .record-pairs dt,.dark .record-subtitle,.dark .record-top small,.dark .record-kicker,.dark .record-foot,.dark .record-tabs button,.dark .record-timeline small{color:#adc1cf}.dark .record-tabs button[aria-selected=true]{color:#fff;border-color:#e3eef5}.dark .record-status,.dark .record-icon{background:#ffffff0d;border-color:#ffffff30;color:#e2eef6}.dark .record-note{background:#0d1e2930;border-color:#ffffff30}.dark .record-avatar{color:#e0eaf2;background:#ffffff12;border-color:#ffffff35}
@media(max-width:600px){.record-drawer{top:6px;right:6px;bottom:6px;max-width:calc(100vw - 12px);border-radius:20px}.record-scroll{padding:22px}.record-top{padding:18px 22px}.record-foot{padding:14px 22px}.record-foot span{max-width:130px}.record-resize{left:-6px;width:18px}}
@media(prefers-reduced-motion:reduce){.record-drawer,.record-shade,.record-open,.record-icon{transition:none}}
@supports not (backdrop-filter:blur(1px)){.record-drawer{background:#e9eff3}.dark .record-drawer{background:#263b49}}

/* The RO and its conversation share a resizable workspace. */
.record-drawer{display:flex;flex-direction:row;container-type:normal;transition:transform .55s cubic-bezier(.22,1,.36,1),visibility .55s,width .3s cubic-bezier(.22,1,.36,1),border-radius .3s}
.record-main{display:flex;flex-direction:column;flex:1;min-width:0;container-type:inline-size}
.record-drawer.is-full{top:0;right:0;bottom:0;border-radius:0;max-width:100vw}.record-drawer.is-full:after{border-radius:0}
.record-drawer.is-full .record-resize{left:0;width:16px}.record-drawer.is-full .record-resize:before{left:3px}
.record-chat{display:flex;flex-direction:column;width:340px;flex-shrink:0;min-height:0;border-left:1px solid #ffffffa0;box-shadow:-1px 0 #718b9c22;background:linear-gradient(150deg,#ffffff45,#c8d8e321);border-radius:0 24px 24px 0;overflow:hidden;animation:chat-arrive .3s ease both}
.is-full .record-chat{border-radius:0}.chat-top{padding:24px;display:flex;gap:12px;border-bottom:1px solid #859ba52a;align-items:flex-start}.chat-top>div{flex:1}.chat-top small{font-size:9px;letter-spacing:1.5px;color:#677f8e}.chat-top h3{font-size:18px;letter-spacing:-.4px;font-weight:600;margin:12px 0 5px}.chat-top span{font-size:11px;color:#677f8e}.chat-messages{padding:22px;flex:1;overflow:auto;overscroll-behavior:contain}.chat-date{text-align:center;color:#718491;font-size:10px;margin:0 0 28px}.chat-bubble{padding:14px 16px;max-width:92%;background:#ffffff70;border:1px solid #ffffffa0;border-radius:16px 16px 16px 4px;margin:0 0 18px;box-shadow:0 4px 12px #28445406;overflow-wrap:anywhere}.chat-bubble.own{margin-left:auto;border-radius:16px 16px 4px 16px;background:#c1d1dc65;border-color:#d3e1eaa0}.chat-bubble p{font-size:13px;line-height:1.7;margin:0 0 9px}.chat-bubble small{font-size:9px;color:#627d8e}.chat-compose{padding:20px;border-top:1px solid #ffffff90}.chat-compose label{display:block;font-size:11px;margin-bottom:10px;color:#587283}.chat-compose textarea{width:100%;resize:vertical;max-height:180px;min-height:80px;border:1px solid #ffffffb0;background:#ffffff50;border-radius:12px;color:inherit;padding:12px;font:inherit;font-size:13px;line-height:1.5}.chat-compose>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.chat-compose small{font-size:9px;color:#6d8391}.chat-compose button{white-space:nowrap}
.dark .record-chat{background:linear-gradient(150deg,#ffffff08,#0e23351c);border-color:#ffffff20}.dark .chat-bubble{background:#ffffff09;border-color:#ffffff25}.dark .chat-bubble.own{background:#a6c4d51b}.dark .chat-compose{border-color:#ffffff20}.dark .chat-compose textarea{background:#0d1e2930;border-color:#ffffff25}.dark .chat-top small,.dark .chat-top span,.dark .chat-bubble small,.dark .chat-date,.dark .chat-compose small,.dark .chat-compose label{color:#a7bdca}
@keyframes chat-arrive{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}
@media(max-width:760px){.record-drawer.has-chat{flex-direction:column}.has-chat .record-main{flex:1;min-height:0}.record-chat{width:100%;height:48%;min-height:240px;border-left:0;border-top:1px solid #ffffffa0;border-radius:0 0 20px 20px}.chat-top{padding:12px 20px}.chat-top h3{margin:4px 0}.chat-top span,.chat-top small{display:none}.chat-messages{padding:12px 20px}.chat-date{margin-bottom:12px}.chat-compose{padding:10px 20px}.chat-compose label{display:none}.chat-compose textarea{min-height:45px;height:45px}.chat-compose>div{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.record-drawer{transition:none}.record-chat{animation:none}}

/* Independent glass conversation drawer; no shared outer panel. */
.record-layer{display:contents}
.record-chat{position:fixed;top:12px;right:12px;bottom:12px;z-index:82;height:auto;min-height:0;max-width:100vw;overflow:visible;border:1px solid #ffffffb0;border-right-color:#b9c8d494;border-bottom-color:#a9bbcaaa;border-radius:24px;color:#24333e;background:linear-gradient(125deg,#ffffffb0,#edf3f67a 45%,#d5e1e76b);backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%);box-shadow:inset 1px 1px #fff,inset -1px -1px #ffffff70,-15px 12px 45px #13253524;transition:width .3s cubic-bezier(.22,1,.36,1),border-radius .3s;isolation:isolate}
.record-chat:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035}
.record-drawer{transition:transform .55s cubic-bezier(.22,1,.36,1),visibility .55s,width .3s cubic-bezier(.22,1,.36,1),right .3s cubic-bezier(.22,1,.36,1),border-radius .3s}
.record-chat.is-full{inset:0;border-radius:0}.record-chat.is-full .chat-resize{left:0}.record-chat.is-full .chat-resize:before{left:3px}
.record-resizing .record-chat,.record-resizing .record-drawer{transition:none}.chat-top .record-icon{flex-shrink:0}.chat-top{gap:8px}.chat-messages{min-height:0}.chat-compose{border-radius:0 0 24px 24px}
.dark .record-chat{color:#e4edf3;background:linear-gradient(125deg,#405767af,#263b497d 55%,#182a368c);border-color:#e1f0fc45;box-shadow:inset 1px 1px #ffffff40,inset -1px -1px #ffffff15,-22px 14px 60px #0005}
@media(max-width:600px){.record-chat{top:6px;right:6px;bottom:6px;border-radius:20px}.record-chat.is-full{inset:0;border-radius:0}}
@media(prefers-reduced-motion:reduce){.record-chat,.record-drawer{transition:none}}

/* Independent drawers meet at a single flush seam. */
.record-drawer.is-joined{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.record-drawer.is-joined:after{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.record-chat.is-joined{border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:inset 0 1px #ffffffb0,inset -1px -1px #ffffff70,10px 12px 35px #13253518}
.record-chat.is-joined .chat-compose{border-bottom-left-radius:0}
.dark .record-chat.is-joined{box-shadow:inset 0 1px #ffffff30,inset -1px -1px #ffffff15,10px 12px 35px #0003}