.lexc-chat-ui{--lcw-plum:#2d1944;--lcw-purple:#7050a5;--lcw-line:#e6deef;--lcw-muted:#786d86;font-family:'DM Sans',Arial,sans-serif;color:var(--lcw-plum)}
.lexc-chat-ui *{box-sizing:border-box}.lexc-chat-ui button,.lexc-chat-ui input,.lexc-chat-ui textarea{font:inherit}.lexc-chat-ui button{cursor:pointer}.lexc-chat-ui :focus-visible,#admin-chats-toggle:focus-visible,#customer-chat-toggle:focus-visible{outline:3px solid #a482d1;outline-offset:2px}.lexc-chat-ui button:disabled{opacity:.5;cursor:wait}.lexc-chat-ui .lcw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#admin-chats-toggle{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid #ddd1ee;border-radius:9px;background:#f8f4fc;color:#513475;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer;white-space:nowrap}#admin-chats-toggle:hover,#admin-chats-toggle[aria-expanded=true]{background:#eee5f8}#admin-chats-toggle [data-chat-count],#customer-chat-toggle [data-chat-count]{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:#7551aa;color:white;font-size:11px}#admin-chats-toggle [hidden],#customer-chat-toggle [hidden]{display:none!important}
.lcw-drawer{position:fixed;z-index:250;right:0;top:70px;bottom:0;width:min(360px,100vw);display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--lcw-line);box-shadow:-10px 6px 32px #28143a1e}.lcw-drawer>header,.lcw-thread>header{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--lcw-line);background:#fff}.lcw-drawer>header{justify-content:space-between;min-height:58px;padding:11px 17px}.lcw-drawer h2{font-size:1.05rem;margin:0;font-weight:750}.lcw-drawer>header button,.lcw-thread>header button{display:grid;place-items:center;flex:none;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#6e5c7d;font-size:20px}.lcw-drawer>header button:hover,.lcw-thread>header button:hover{background:#f2edf8}
.lcw-list-tools{padding:14px 15px 10px;border-bottom:1px solid #f1edf5}.lcw-list-tools input{width:100%;min-height:40px;padding:9px 11px;border:1px solid #ddd2ea;border-radius:9px;background:#fcfbfd;color:var(--lcw-plum);font-size:13px}.lcw-filters{display:flex;gap:6px;margin-top:10px}.lcw-filters button{padding:7px 10px;border:1px solid #e7e0ee;border-radius:8px;background:#fff;color:#655374;font-size:12px}.lcw-filters button[aria-pressed=true]{background:#7551aa;border-color:#7551aa;color:#fff}.lcw-list{overflow-y:auto;flex:1}.lcw-row{display:grid;grid-template-columns:38px minmax(0,1fr) 9px;gap:10px;align-items:center;width:100%;min-height:70px;padding:12px 15px;border:0;border-bottom:1px solid #f2edf6;background:#fff;text-align:left;color:var(--lcw-plum)}.lcw-row:hover{background:#f8f4fc}.lcw-row>span:nth-child(2){display:grid;min-width:0;gap:3px}.lcw-row strong{font-size:13px}.lcw-row small{font-size:11px;color:var(--lcw-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcw-row i{width:8px;height:8px;border-radius:50%;background:#8057be}.lcw-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#e9dcf5;color:#684198;font-size:15px;font-weight:800}.lcw-empty{margin:auto;padding:22px;text-align:center;color:var(--lcw-muted);font-size:13px;line-height:1.5}
.lcw-popup-stack{position:fixed;z-index:240;right:18px;bottom:0;display:flex;align-items:flex-end;gap:12px}.lcw-thread{display:flex;flex-direction:column;width:340px;height:min(460px,calc(100dvh - 90px));background:white;border:1px solid #ded4e9;border-radius:13px 13px 0 0;box-shadow:0 4px 25px #27103925;overflow:hidden}.lcw-thread.is-minimized{height:50px}.lcw-thread>header{min-height:51px;padding:7px 9px}.lcw-title{display:grid;gap:1px;min-width:0;flex:1}.lcw-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750}.lcw-title small{font-size:10px;color:var(--lcw-muted)}.lcw-order{padding:8px 12px;background:#faf7fd;border-bottom:1px solid var(--lcw-line);color:#69577a;font-size:11px}.lcw-stream{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;padding:14px 12px;overflow-y:auto;background:#fbf9fd}.lcw-message{display:flex;justify-content:flex-start}.lcw-message.mine{justify-content:flex-end}.lcw-message>div{max-width:85%;padding:9px 11px;background:#efebf4;border-radius:13px 13px 13px 4px;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.lcw-message.mine>div{background:#7551aa;color:white;border-radius:13px 13px 4px 13px}.lcw-message.system{justify-content:center}.lcw-message.system>div{background:#fff;border:1px solid var(--lcw-line);font-size:11px;color:#675873}.lcw-message time{display:block;margin-top:4px;text-align:right;opacity:.65;font-size:10px}.lcw-compose{display:flex;gap:7px;align-items:flex-end;padding:9px;border-top:1px solid var(--lcw-line);background:#fff}.lcw-compose textarea{flex:1;min-width:0;min-height:38px;max-height:120px;resize:none;padding:9px 11px;border:1px solid #e1d8eb;border-radius:11px;background:#faf8fc;color:var(--lcw-plum);font-size:12px;line-height:1.4}.lcw-compose button{flex:none;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:11px;background:#7551aa;color:#fff;font-size:16px}.lcw-error{position:fixed;z-index:270;right:18px;bottom:65px;max-width:min(350px,calc(100vw - 36px));padding:9px 12px;border:1px solid #e8b4b8;border-radius:8px;background:#fff2f3;color:#8c303d;font-size:12px}
#customer-chat-toggle{position:fixed;z-index:230;right:20px;bottom:20px;display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 15px;border:1px solid #7551aa;border-radius:24px;background:#7551aa;color:white;font:700 13px 'DM Sans',Arial,sans-serif;box-shadow:0 4px 15px #28163d24;cursor:pointer}#customer-chat-toggle[hidden]{display:none!important}#customer-chat-toggle .lcw-avatar{width:32px;height:32px;background:#f1e8fc}#customer-chat-toggle.lcw-minimized{padding:6px;border-radius:50%}.lcw-tray{position:fixed;z-index:240;right:20px;bottom:15px}.lcw-tray .lcw-thread{width:min(370px,calc(100vw - 30px));height:min(510px,calc(100dvh - 40px));border-radius:13px}.lcw-signin{padding:13px;font-size:12px}.lcw-signin a{color:#684198;font-weight:700}.is-expanded .lcw-tray{inset:0}.is-expanded .lcw-tray .lcw-thread{width:100%;height:100dvh;border-radius:0}
@media(max-width:1120px){.lcw-popup-stack .lcw-thread:not(:last-child){display:none}}
@media(max-width:800px){.lcw-popup-stack{display:none}.lcw-drawer,.lcw-mobile-thread{position:fixed;z-index:250;inset:70px 0 0;width:100%;background:white}.lcw-mobile-thread .lcw-thread{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.lcw-mobile-thread .lcw-thread>header{min-height:58px}.lcw-mobile-thread .lcw-thread>header [data-action=back]{order:-1}.lcw-mobile-thread .lcw-thread>header [data-action=minimize],.lcw-mobile-thread .lcw-thread>header [data-action=close]{display:none}#customer-chat-toggle{right:14px;bottom:calc(78px + env(safe-area-inset-bottom))}.lcw-tray{left:0;right:0;bottom:0}.lcw-tray .lcw-thread{width:100%;height:78dvh;max-height:none;border-radius:17px 17px 0 0;padding-bottom:env(safe-area-inset-bottom)}.is-expanded .lcw-tray .lcw-thread{height:100dvh;border-radius:0}}
@media(max-width:600px){.header:has(#admin-chats-toggle){padding-inline:10px}.header:has(#admin-chats-toggle) h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.header:has(#admin-chats-toggle) .header-actions{gap:5px}}
@media(max-width:360px){#admin-chats-toggle{font-size:12px;padding:6px 8px}.lcw-title strong{font-size:12px}.lcw-thread>header{gap:4px}.lcw-thread>header button{width:31px}}

/* Keep chat navigation discoverable and all interactive controls comfortable on touch. */
.lcw-drawer>header button,.lcw-thread>header button{min-width:44px;min-height:44px}
.lcw-filters button{min-height:44px}
.lcw-compose textarea,.lcw-compose button{min-height:44px}
@media(max-width:800px){.lcw-mobile-thread .lcw-thread>header button{min-width:44px}.lcw-row{min-height:72px}}
@media(max-width:360px){.lcw-thread>header button{width:44px}.lcw-thread>header{gap:2px}}
.lcw-skeleton-list{width:100%}.lcw-skeleton-row{display:grid;grid-template-columns:38px minmax(0,1fr) 32px;gap:10px;align-items:center;min-height:72px;padding:12px 15px;border-bottom:1px solid #f2edf6}.lcw-skeleton-row>span:nth-child(2){display:grid;gap:8px}.lcw-skeleton-thread{display:flex;flex-direction:column;gap:14px;width:100%;padding:16px}.lcw-skeleton-thread>div{display:grid;gap:8px;width:68%;padding:12px;border:1px solid #eee7f4;border-radius:10px;background:#fff}.lcw-skeleton-thread>div.mine{align-self:flex-end;width:54%;background:#f7f3fb}

/* Bento design card (phase 33) */
.design-card{display:grid;gap:10px;margin-top:9px;white-space:normal;text-align:left}
.design-card-line{display:grid;gap:4px;padding:9px;border:1px solid #e5ddf2;border-radius:12px;background:#fff;color:#241a38}
.design-card-pics{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;margin-bottom:4px}
.design-card-pic{position:relative;display:block;aspect-ratio:1;padding:0;border:0;border-radius:9px;overflow:hidden;background:#f6f1fb;cursor:zoom-in}
.design-card-pic img{width:100%;height:100%;object-fit:cover;display:block}
.design-card-pic img[hidden]{display:none}
.design-card-pic .skel{position:absolute;inset:0;border-radius:0}
.design-card-pic small{position:absolute;left:5px;bottom:5px;padding:2px 7px;border-radius:999px;background:rgba(36,26,56,.68);color:#fff;font-size:10px;font-weight:600}
.design-card-line>strong{font-size:12.5px}
.design-card-line>p{margin:0;color:#675873;font-size:11.5px;line-height:1.45}
.design-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:3px;font-size:11.5px}
.design-card-foot a{display:inline-flex;align-items:center;min-height:32px;padding:5px 11px;border-radius:999px;background:#7551aa;color:#fff;font-weight:700;text-decoration:none}
.design-card-foot a:hover{background:#5f3f93}
.design-card-pic:focus-visible,.design-card-foot a:focus-visible{outline:3px solid #9272db;outline-offset:2px}
.lcw-message.system>div:has(.design-card){width:100%;max-width:100%;text-align:left}

/* Phase 47: order summary card posted in the order's chat (closed by default, opens on tap) */
.order-card{margin-top:8px;border:1px solid #e5ddf2;border-radius:11px;background:#fff;color:#241a38;white-space:normal;text-align:left;font-size:11.5px;line-height:1.4;overflow:hidden}
.order-card>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;list-style:none}
.order-card>summary::-webkit-details-marker{display:none}
.order-card>summary:hover{background:#faf7fd}
.order-card>summary:focus-visible{outline:2px solid #9272db;outline-offset:-2px;border-radius:11px}
.order-card-head{display:grid;gap:1px;min-width:0}
.order-card-head strong{font-size:12.5px}
.order-card-head small{color:#6d6278;font-size:10.5px}
.order-card>summary>b{font-size:12px;white-space:nowrap}
.order-card-toggle{width:7px;height:7px;margin:0 2px 3px 2px;border-right:2px solid #7551aa;border-bottom:2px solid #7551aa;transform:rotate(45deg);transition:transform .18s}
.order-card[open] .order-card-toggle{transform:rotate(-135deg);margin-bottom:-3px}
.order-card-body{display:grid;gap:7px;padding:8px 10px 10px;border-top:1px solid #eee6f6}
.order-card-items{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.order-card-items li{display:flex;justify-content:space-between;gap:8px}
.order-card-items li>div{display:grid;gap:1px;min-width:0}
.order-card-items li span{color:#5d5170}
.order-card-items li small{color:#7a6e86;font-size:10.5px;overflow-wrap:anywhere}
.order-card-items li>b{white-space:nowrap;font-weight:600}
.order-card-sums{display:grid;gap:2px;padding:6px 0;border-top:1px solid #eee6f6;border-bottom:1px solid #eee6f6}
.order-card-row{display:flex;justify-content:space-between;gap:8px;color:#5d5170}
.order-card-row b{color:#241a38;font-weight:600}
.order-card-row.is-total{color:#241a38;font-weight:700}
.order-card-meta{display:grid;gap:4px}
.order-card-meta p{margin:0;display:grid;gap:0;overflow-wrap:anywhere}
.order-card-meta span{color:#7a6e86;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.lcw-message.system>div:has(.order-card){width:85%;text-align:left}
@media(prefers-reduced-motion:reduce){.order-card-toggle{transition:none}}

.order-card-link{display:block;margin-top:2px;padding:8px;border:1px solid #9f7ce1;border-radius:9px;background:#fff;color:#563b91;font-weight:700;font-size:11.5px;text-align:center;text-decoration:none}
.order-card-link:hover{background:#f6f1ff}
.order-card-link:focus-visible{outline:2px solid #9272db;outline-offset:2px}

/* ---- Additional price (phase 51): the card in the chat and admin's order actions above the thread ---- */
.price-card{margin-top:8px;padding:12px 13px;border:1px solid #e3d6f5;border-radius:12px;background:#fff;color:#241a38;white-space:normal;text-align:left;font-size:12.5px;line-height:1.45}
.price-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.price-card header strong{font-size:13.5px;color:#3a2160}
.price-card header span{padding:2px 8px;border-radius:999px;background:#f4eefc;color:#5b3a99;font-size:11px;font-weight:700;white-space:nowrap}
.price-card.is-accepted header span{background:#e6f5ed;color:#1f7a50}
.price-card.is-declined header span,.price-card.is-replaced header span{background:#f6eef0;color:#8e3b4f}
.price-card.is-replaced{opacity:.7}
.price-card-reason{margin:0 0 8px;color:#4a3f5c}
.price-card dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:0}
.price-card dt{color:#7c6d91}.price-card dd{margin:0;text-align:right;font-weight:700}
.price-card dt:last-of-type,.price-card dd:last-of-type{padding-top:6px;border-top:1px solid #eee6f7;color:#502982;font-weight:800}
.price-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.price-card-actions button{flex:1;min-width:120px;min-height:42px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}
.price-card-actions .is-accept{border:0;background:#1f8a5b;color:#fff}
.price-card-actions .is-decline{border:1.5px solid #e6b9c4;background:#fff;color:#a3324b}
.price-card-actions button:disabled{opacity:.6;cursor:progress}
.price-card-error{margin:6px 0 0;color:#a3324b;font-size:12px}.price-card-error:empty{display:none}
/* Admin: View in 3D (opens the view-only 3D window) */
.design-card-3d{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border:0;border-radius:999px;background:#7551aa;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.design-card-3d:hover{background:#5f3f93}.design-card-3d:focus-visible{outline:3px solid #9272db;outline-offset:2px}
/* ---- Pictures in chat (phase 55) ---- */
.chat-pics{display:grid;gap:5px;margin-top:7px;width:min(240px,100%)}
.chat-pics--1{grid-template-columns:1fr}.chat-pics--2,.chat-pics--4{grid-template-columns:1fr 1fr}.chat-pics--3{grid-template-columns:1fr 1fr 1fr}
.chat-pics--1 .chat-pic{aspect-ratio:4/3}
.chat-pic img{width:100%;height:100%;object-fit:cover;display:block}
.chat-pic .skel{position:absolute;inset:0}.chat-pic small{position:absolute;inset:auto 6px 6px;color:#7c6d91;font-size:11px}
.lcw-compose .lcw-attach{flex:none;width:44px;min-width:44px;padding:0;border:1.5px solid #ded2ee;border-radius:12px;background:#fff;color:#5a32b8;font-size:1.05rem;cursor:pointer}
.lcw-compose .lcw-attach:disabled{opacity:.45;cursor:not-allowed}
.lcw-thread .chat-pending{display:flex;gap:6px;overflow-x:auto;padding:8px 10px 0;border-top:1px solid #eee6f6;background:#fff}
.lcw-thread .chat-pending figure{position:relative;flex:none;width:56px;height:56px;margin:0;border-radius:9px;overflow:hidden;border:1px solid #e3d9f0}
.lcw-thread .chat-pending img{width:100%;height:100%;object-fit:cover;display:block}
.lcw-thread .chat-pending button{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:20px;height:20px;min-height:0;padding:0;border:0;border-radius:50%;background:rgba(36,26,56,.75);color:#fff;font-size:13px;line-height:1;cursor:pointer}