/* Customer profile, matching the shop's dark surfaces and button lighting. */
.reply-badge { display:inline-grid; place-items:center; min-width:19px; height:19px; padding:0 5px; margin-left:6px; border:1px solid rgba(37,99,235,.24); border-radius:12px; background:#dbe9ff; color:#174487; font-size:.7rem; font-weight:900; animation:reply-pulse 3.2s ease-in-out infinite; }
.reply-badge[hidden] { display:none; }
.account-control { position:relative; display:flex; align-self:stretch; align-items:stretch; flex:0 0 auto; }
.global-account-badge { position:absolute; z-index:3; top:9px; left:7px; min-width:10px; width:10px; height:10px; padding:0; margin:0; border:2px solid #fffaf2; border-radius:50%; background:#2563eb; color:transparent; box-shadow:0 0 0 3px rgba(37,99,235,.12),0 0 12px rgba(37,99,235,.55); animation:global-notification-light 1.8s ease-in-out infinite; pointer-events:none; }
@keyframes reply-pulse {
  0%,100% { color:#174487; background:#dbe9ff; box-shadow:0 0 0 rgba(37,99,235,0); }
  50% { color:#102f62; background:#c4dbff; box-shadow:0 0 8px rgba(37,99,235,.38); }
}
@keyframes global-notification-light { 0%,100% { opacity:.72; box-shadow:0 0 0 2px rgba(37,99,235,.1),0 0 7px rgba(37,99,235,.35); } 50% { opacity:1; box-shadow:0 0 0 4px rgba(37,99,235,.14),0 0 15px rgba(37,99,235,.72); } }
@media(prefers-reduced-motion:reduce) { .reply-badge,.global-account-badge { animation:none; } }
@media(max-width:820px) { .account-control { align-self:center; height:48px; } .global-account-badge { top:3px; left:2px; } }
.message-reply { margin:18px 46px 0 0; padding:14px 16px; border:1px solid rgba(145,103,55,.2); border-radius:16px 16px 16px 5px; background:#fff3df; color:var(--wobli-ink); box-shadow:0 7px 18px rgba(91,62,42,.055); overflow-wrap:anywhere; }
.message-reply p { white-space:pre-wrap; }
.message-reply > strong { display:inline-flex; margin-bottom:2px; color:#684426; font-size:.76rem; letter-spacing:.02em; }
.message-reply > .commerce-help { color:#7b695c; }
.admin-reply-form { display:grid; gap:12px; margin:20px 0; }
.admin-reply-form .btn { justify-self:start; }
.profile-messages { margin-top:32px; border-top:1px solid var(--line); padding-top:12px; }
#profile-messages .profile-new-message { margin:8px 0 16px; }
.profile-message { margin-top:16px; padding:20px; border:1px solid var(--line); border-radius:16px; background:#0c1219; overflow-wrap:anywhere; }
.profile-message time { color:var(--blue); font-size:.8rem; }
.profile-message p { white-space:pre-wrap; margin-bottom:0; }
.profile-workspace { padding-bottom:100px; }
.profile-layout { display:grid; grid-template-columns:200px minmax(0,1fr); gap:26px; align-items:start; }
.profile-heading-row { display:flex; align-items:center; gap:12px; }
.profile-menu-toggle { display:none; }
.profile-navigation,.profile-panel { position:relative; z-index:1; background:#10161d; border:1px solid var(--line); border-radius:22px; padding:24px; }
.profile-navigation { display:grid; gap:12px; }
.profile-navigation .btn { position:relative; justify-content:flex-start; align-items:center; gap:0; min-height:44px; padding:0 14px 0 46px; font-size:.8rem; line-height:1; }
.profile-nav-icon { display:block; position:absolute; left:16px; top:50%; width:18px; height:18px; margin:0; transform:translateY(-50%); fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; opacity:.78; transition:opacity .2s ease,filter .2s ease; }
.profile-navigation .reply-badge { margin-left:auto; }
#view-profile .profile-navigation .btn { justify-content:center; min-height:48px; padding:0 46px; text-align:center; }
#view-profile .profile-navigation img.profile-nav-icon { left:10px; width:32px; height:32px; object-fit:contain; opacity:1; }
#view-profile .profile-navigation .reply-badge { position:absolute; right:12px; top:50%; margin:0; transform:translateY(-50%); }
.profile-navigation .profile-logout { margin-top:8px; border-color:rgba(255,72,82,.42); color:#ff7b84; background:rgba(255,35,48,.035); }
.profile-navigation .profile-logout:hover,.profile-navigation .profile-logout:focus-visible { border-color:#ff5e69; color:#fff; background:rgba(255,35,48,.1); box-shadow:inset 0 0 14px rgba(255,35,48,.08),0 0 8px rgba(255,35,48,.25); text-shadow:0 0 8px rgba(255,72,82,.72); }
.profile-navigation .profile-logout:hover .profile-nav-icon,.profile-navigation .profile-logout:focus-visible .profile-nav-icon { filter:drop-shadow(0 0 4px #ff4854) drop-shadow(0 0 8px rgba(255,35,48,.55)); }
.profile-danger-zone { margin-top:34px; padding-top:28px; border-top:1px solid rgba(255,72,82,.22); }
#profile-settings .profile-settings-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:20px 0 24px; }
#profile-settings .profile-settings-tabs .btn { min-width:0; min-height:46px; padding:10px 8px; border-radius:12px; font-size:.78rem; line-height:1.3; text-align:center; white-space:normal; color:#174487; background:#fffdf9; border:1px solid rgba(37,99,235,.2); }
#profile-settings .profile-settings-tabs .btn[aria-selected="true"] { background:#e5efff !important; color:#173b78 !important; border-color:#5386eb; box-shadow:inset 0 -3px #2563eb; }
#profile-settings .profile-settings-tabs .button-led-core,#profile-settings .profile-settings-tabs .button-led-halo { display:none; }
#profile-settings .profile-settings-tabs .profile-settings-delete-tab { color:#a42d35; border-color:rgba(190,56,65,.3); }
#profile-settings .profile-settings-tabs .profile-settings-delete-tab[aria-selected="true"] { background:#fff0ed !important; color:#a42d35 !important; border-color:#bd3841; box-shadow:inset 0 -3px #bd3841; }
#profile-settings .profile-settings-tabs .profile-settings-delete-tab:is(:hover,:focus-visible) { background:#ffe5e1 !important; color:#a42d35 !important; border-color:#bd3841 !important; }
#profile-settings .profile-settings-tabs .btn:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
#profile-settings .profile-settings-panel form { margin-top:0; }
#profile-settings .profile-settings-panel .profile-danger-zone { margin:0; padding:0; border:0; }
#profile-settings .profile-settings-panel h4 { margin:0 0 12px; }
.profile-danger-zone h4 { color:#ff737c; }
.profile-danger-zone .danger { --button-led-core:#ffb8ad!important; --button-led-halo:#d7474f!important; --button-led-rgb:190,56,65; border-color:rgba(190,56,65,.5)!important; background:#fff0ed!important; color:#a42d35!important; }
.profile-danger-zone .danger>.button-led-halo{filter:blur(3px) drop-shadow(0 0 6px rgba(190,56,65,.62))}
.profile-danger-zone .danger:not(:disabled):is(:hover,:focus-visible){border-color:#a42d35!important;background:#a42d35!important;color:#fff!important;box-shadow:0 0 0 2px rgba(190,56,65,.12),0 0 18px rgba(190,56,65,.38)!important;text-shadow:none!important}
.delete-account-dialog .danger{--button-led-core:#ffb8ad!important;--button-led-halo:#d7474f!important;--button-led-rgb:190,56,65}.delete-account-dialog .danger>.button-led-halo{filter:blur(3px) drop-shadow(0 0 6px rgba(190,56,65,.62))}
/* Disabled legacy cyan navigation skin.
.profile-navigation .btn:hover .profile-nav-icon,.profile-navigation [aria-current="page"] .profile-nav-icon { opacity:1; filter:drop-shadow(0 0 5px rgba(105,215,255,.65)); }
.profile-navigation [aria-current="page"] { border-color:var(--blue); color:var(--blue); }
.profile-navigation .btn:not(.profile-logout) { --button-led-core:#c9f8ff; --button-led-halo:#00cfff; }
.profile-navigation .btn:not(.profile-logout) > .button-led-halo { filter:blur(3px) drop-shadow(0 0 5px rgba(0,207,255,.7)); }
.profile-navigation .btn:not(.profile-logout):hover,.profile-navigation .btn:not(.profile-logout):focus-visible { border-color:rgba(105,215,255,.58); background:rgba(105,215,255,.075); color:#effcff; box-shadow:inset 0 0 14px rgba(105,215,255,.055),0 0 8px rgba(105,215,255,.12); text-shadow:0 0 9px rgba(105,215,255,.45); }
.profile-navigation .btn:not(.profile-logout):active { --button-led-core:#dffbff; --button-led-halo:#00cfff; border-color:#69d7ff; background:rgba(105,215,255,.13); color:#fff; box-shadow:inset 0 0 14px rgba(105,215,255,.13),0 0 9px rgba(105,215,255,.28); }
.account-btn.active { border-color:rgba(105,215,255,.58); background:linear-gradient(180deg,rgba(105,215,255,.22),rgba(105,215,255,.07)); color:#fff; text-shadow:0 0 7px #69d7ff,0 0 15px rgba(105,215,255,.58); box-shadow:inset 0 0 0 1px rgba(105,215,255,.38),inset 0 0 17px rgba(105,215,255,.12),0 0 7px rgba(105,215,255,.28),0 0 18px rgba(105,215,255,.13); }
.account-btn.active .account-icon { opacity:1; filter:drop-shadow(0 0 3px #69d7ff) drop-shadow(0 0 7px rgba(105,215,255,.55)); }
*/
#adminLogout { border-color:rgba(255,72,82,.42); color:#ff7b84; background:rgba(255,35,48,.035); }
#adminLogout:hover,#adminLogout:focus-visible { border-color:#ff5e69; color:#fff; background:rgba(255,35,48,.1); box-shadow:inset 0 0 14px rgba(255,35,48,.08),0 0 8px rgba(255,35,48,.25); text-shadow:0 0 8px rgba(255,72,82,.72); }
.profile-panel { padding:32px; }
.profile-panel h3 { font-size:1.7rem; margin:18px 0; }
.profile-panel h4 { font-size:1.05rem; margin:0 0 14px; }
.profile-panel p { color:var(--muted); line-height:1.75; }
.profile-panel form { display:grid; gap:18px; margin-top:28px; }
#profile-personal .profile-field-heading { display:flex; align-items:center; gap:7px; min-width:0; }
#profile-personal .profile-field-heading label { min-width:0; }
#profile-personal .profile-field-help { display:inline-flex; flex:0 0 auto; align-items:center; }
#profile-personal .profile-info-button { position:relative; display:inline-grid; place-items:center; width:24px; height:24px; min-width:24px; min-height:24px; padding:0; border:1px solid #a9bfdf; border-radius:50%; background:#edf4ff; color:#174487; font:800 .78rem/1 Georgia,serif; cursor:help; box-shadow:none; }
#profile-personal .profile-info-button:is(:hover,:focus-visible) { background:#dceaff !important; color:#123b76 !important; border-color:#5386eb !important; box-shadow:none !important; transform:none !important; }
#profile-personal .profile-info-button:focus-visible { outline:2px solid #2563eb; outline-offset:3px; }
.profile-help-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
#profile-personal .profile-field-tooltip { position:fixed; z-index:150; display:block; width:min(280px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:12px 14px; border:1px solid #b8cceb; border-radius:12px; background:#fffaf2; color:#3f3940; box-shadow:0 8px 28px rgba(23,59,120,.17); font:500 .78rem/1.55 var(--font-body); text-align:left; overflow-wrap:anywhere; }
.profile-panel form > .btn { justify-self:start; }
.profile-panel form + form { padding-top:30px; border-top:1px solid var(--line); }
.profile-panel:is(#profile-personal,#profile-settings) > h3,
.profile-panel:is(#profile-personal,#profile-settings) form h4 { color:var(--wobli-ink,#28262d); }
.profile-panel:is(#profile-personal,#profile-settings) > p { color:#5f5960; }
.profile-panel:is(#profile-personal,#profile-settings) .commerce-field { color:#3f3940; font-weight:750; }
.profile-panel:is(#profile-personal,#profile-settings) .commerce-help { color:#5d6675; }
.profile-panel:is(#profile-personal,#profile-settings) .commerce-status { color:#24734f; font-weight:700; }
.profile-panel:is(#profile-personal,#profile-settings) .commerce-status.is-error { color:#a42d35; }
.profile-panel:is(#profile-personal,#profile-settings) input::placeholder { color:#807980; opacity:1; }
.profile-home-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:32px; }
#profile-home .profile-points { display:inline-flex; align-items:center; gap:10px; margin:4px 0 0; padding:10px 15px; border:1px solid rgba(37,99,235,.2); border-radius:12px; background:#edf4ff; color:#174487; font-size:.88rem; font-weight:750; }
#profile-home .profile-points strong { font-size:1.1rem; }
.profile-home-grid > div { border:1px solid var(--line); border-radius:16px; padding:24px; background:#0c1219; }
.profile-home-grid .btn { margin-top:18px; font-size:.8rem; }
#profileEmail,#profileWelcome,#profileDetailsSummary { overflow-wrap:anywhere; }
.profile-email-line{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.profile-email-line #profileEmail{margin:0}.profile-email-verified{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid rgba(39,139,91,.24);border-radius:999px;background:rgba(231,248,238,.82);color:#26714c;font-size:.67rem;font-weight:850;line-height:1}.profile-email-verified>span{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#278b5b;color:#fff;font-size:.65rem;font-weight:950}
.verified-email-input{position:relative;display:block}.verified-email-input input{width:100%;padding-right:104px}.verified-email-input .profile-email-verified{position:absolute;top:50%;right:11px;transform:translateY(-50%);pointer-events:none}.verified-email-input .profile-email-verified[hidden]{display:none}
.profile-orders { display:grid; gap:16px; margin-top:24px; }
.profile-order { padding:22px; border:1px solid var(--line); border-radius:16px; background:#0c1219; }
.profile-order { cursor:pointer; transition:border-color .2s,box-shadow .2s,background .2s; }
.profile-order:hover,.profile-order:focus-visible { border-color:rgba(105,215,255,.55); box-shadow:0 0 18px rgba(105,215,255,.12); outline:0; }
.profile-order-summary { display:grid; grid-template-columns:minmax(0,1fr) auto 18px; gap:18px; align-items:center; min-width:0; }
.profile-order-identity { min-width:0; }
.profile-order-identity h4 { margin:0 0 6px; overflow-wrap:anywhere; }
.profile-order-identity time { color:var(--muted); font-size:.76rem; }
.profile-order-meta { display:flex; flex-wrap:wrap; align-items:center; gap:7px 10px; min-width:0; }
.profile-order-meta time { flex:0 0 auto; }
.profile-order-meta .profile-order-status { display:inline-flex; align-items:center; padding:4px 9px; border-color:#bfd1f0; background:#eef4ff; color:#234e8a; font-size:.7rem; font-weight:750; line-height:1.25; }
.profile-order-status[data-status="ready_to_send"],.profile-order-status[data-status="sent"] { color:#246644; border-color:#b0d4bd; background:#edf8f0; }
.profile-order-status[data-status="cancelled"] { color:#a42d35; border-color:#e7b9bd; background:#fff0ed; }
.profile-order-summary-total { white-space:nowrap; }
.profile-order-open { color:var(--blue); font-size:1.45rem; font-weight:800; line-height:1; transition:transform .2s ease; }
.profile-order:hover .profile-order-open,.profile-order:focus-visible .profile-order-open { transform:translateX(3px); }
.profile-order-header,.profile-order-item,.profile-order-total { display:flex; justify-content:space-between; gap:18px; align-items:center; }
.profile-order-header h4 { margin:0 0 6px; }
.profile-order-header time { color:var(--muted); font-size:.76rem; }
.order-status { padding:6px 10px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:.72rem; white-space:nowrap; }
.order-status-paid { color:var(--green); border-color:rgba(136,239,197,.35); background:rgba(136,239,197,.05); }
.order-status-payment_failed { color:#ff737c; border-color:rgba(255,72,82,.35); }
.order-status-in_preparation { color:#4f83df; border-color:rgba(37,99,235,.38); }
.order-status-ready_to_send { color:var(--blue); border-color:rgba(105,215,255,.38); }
.order-status-sent { color:var(--green); border-color:rgba(136,239,197,.38); }
.order-status-cancelled { color:#ff737c; border-color:rgba(255,72,82,.38); }
.profile-order-items { display:grid; gap:9px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; }
.profile-order-item strong { color:var(--text); }
.profile-order-total { margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
.order-status-cancelled { color:#ff7b83; border-color:rgba(255,66,77,.55); background:rgba(255,36,48,.1); box-shadow:0 0 12px rgba(255,36,48,.15); }
.order-details-dialog { position:relative; width:min(680px,calc(100% - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:52px 28px 28px; border:1px solid rgba(105,215,255,.38); border-radius:24px; color:var(--text); background:linear-gradient(145deg,#111923,#0b1016); box-shadow:0 0 28px rgba(105,215,255,.14); }
.order-details-dialog::backdrop { background:#03070cdd; backdrop-filter:blur(10px); }
.order-details-dialog > .auth-close { display:grid; place-items:center; padding:0; line-height:1; }
.order-details-dialog h2 { margin:14px 0 22px; }
.order-details-list { display:grid; grid-template-columns:125px 1fr; gap:10px 18px; margin:0; padding:18px; border:1px solid var(--line); border-radius:14px; background:#090e14; }
.order-details-list dt { color:var(--muted); }.order-details-list dd { margin:0; overflow-wrap:anywhere; }
.order-details-list .order-details-total-label,
.order-details-list .order-details-total-value { margin-top:8px; padding-top:16px; border-top:1px solid var(--line); font-weight:800; }
.order-details-list .order-details-total-label { font-size:1rem; }
.order-details-list .order-details-total-value { min-width:max-content; white-space:nowrap; overflow-wrap:normal; font-size:1.25rem; line-height:1.15; }
.order-details-products { display:grid; gap:10px; margin:18px 0; padding:18px; border:1px solid var(--line); border-radius:14px; }
.order-details-product { display:flex; width:100%; justify-content:space-between; gap:16px; padding:10px 12px; border:1px solid transparent; border-radius:10px; color:var(--text); background:transparent; font:inherit; text-align:left; cursor:pointer; }
.order-details-product:hover,.order-details-product:focus-visible { border-color:rgba(105,215,255,.48); color:#d9f8ff; background:rgba(105,215,255,.055); box-shadow:0 0 14px rgba(105,215,255,.12); outline:0; }
.order-details-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; min-height:48px; }
.order-details-actions .danger { border-color:rgba(255,60,70,.65); color:#ff9ca2; background:rgba(90,8,14,.32); }
.order-details-actions .danger:hover { box-shadow:0 0 18px rgba(255,35,48,.3); }
@media(max-width:560px){.order-details-list{grid-template-columns:1fr;gap:5px}.order-details-list dd{margin-bottom:8px}.order-details-list .order-details-total-label{margin-bottom:0}.order-details-list .order-details-total-value{margin-top:0;padding-top:4px;border-top:0}}
@media(max-width:760px) { .profile-layout,.profile-home-grid { grid-template-columns:1fr; } .profile-navigation { display:flex; flex-wrap:wrap; padding:16px; } .profile-navigation .btn { flex:1; white-space:nowrap; justify-content:center; padding:0 16px; gap:8px; } .profile-navigation .profile-nav-icon { position:static; transform:none; flex:0 0 18px; } .profile-panel { padding:22px; } }

.message-reply.customer-reply { margin-right:0; margin-left:46px; border-color:rgba(37,99,235,.22); border-radius:16px 16px 5px 16px; background:#eaf2ff; box-shadow:0 7px 18px rgba(37,99,235,.07); }
.message-reply.customer-reply > strong { color:#174487; }
.message-reply.customer-reply > .commerce-help { color:#5c7294; }
.customer-service-card { padding:0; overflow:hidden; }
.customer-service-card[open] { position:relative; z-index:160; overflow:visible; }
.customer-service-card[open]::before { content:""; position:fixed; z-index:160; inset:0; background:rgba(35,30,33,.58); backdrop-filter:blur(8px); cursor:default; }
.customer-service-summary { position:relative; display:grid; gap:7px; padding:20px 48px 20px 20px; cursor:pointer; list-style:none; transition:background .2s ease,border-color .2s ease; }
.customer-service-summary::-webkit-details-marker { display:none; }
.customer-service-summary::after { content:"+"; position:absolute; right:20px; top:50%; translate:0 -50%; color:var(--blue); font-size:1.25rem; text-shadow:0 0 8px rgba(105,215,255,.5); }
.customer-service-card[open] .customer-service-summary::after { content:"−"; }
.customer-service-summary:hover { background:rgba(105,215,255,.055); }
.customer-service-title { display:flex; align-items:center; gap:7px; font-weight:850; color:var(--wobli-ink); }
.customer-service-content { padding:4px 20px 22px; border-top:1px solid var(--line); }
.customer-service-card[open] > .customer-service-content { position:fixed; z-index:161; top:50%; left:50%; width:min(720px,calc(100vw - 32px)); max-height:min(760px,calc(100dvh - 32px)); padding:24px; overflow:auto; transform:translate(-50%,-50%); border:1px solid rgba(37,99,235,.2); border-radius:24px; background:#fffdf9; box-shadow:0 26px 90px rgba(54,40,42,.3); }
.customer-service-popup-heading { position:sticky; z-index:2; top:-24px; display:flex; align-items:center; justify-content:space-between; gap:18px; margin:-24px -24px 18px; padding:20px 22px 14px; border-bottom:1px solid rgba(64,53,55,.12); background:rgba(255,253,249,.96); backdrop-filter:blur(12px); }
.customer-service-popup-heading h3 { min-width:0; margin:0; color:var(--wobli-ink,#28262d); font-size:1.15rem; line-height:1.3; overflow-wrap:anywhere; }
.customer-service-popup-heading .auth-close { position:static; flex:0 0 38px; width:38px; height:38px; }
.customer-service-content > p { white-space:pre-wrap; }
.customer-service-replies:empty { display:none; }
.customer-service-card .customer-reply-form { display:grid; gap:12px; margin-top:20px; }
.customer-service-card .customer-reply-form .btn { justify-self:start; }
.customer-service-replies .waiting-reply { margin:14px 0 0; padding:10px 12px; border-radius:12px; background:#f5f7fb; color:#667388; }
#profile-messages .profile-message { margin-top:14px; }
#profile-messages .customer-service-summary time { color:#59677b; font-size:.72rem; }
#profile-messages .customer-service-content { padding-top:18px; }

/* Custom Lab history uses light Wobli cards, so keep every request detail legible. */
#profile-custom-lab .customer-service-title { color:var(--wobli-ink); }
#profile-custom-lab .customer-service-summary .commerce-help,
#profile-custom-lab .customer-service-content > .commerce-help { color:#59677b; }
#profile-custom-lab .customer-service-content > p:not(.commerce-help),
#profile-custom-lab .message-reply > p:last-child { color:var(--wobli-ink); }
#profile-custom-lab .message-reply { color:var(--wobli-ink); }
@media(max-width:560px) { .message-reply { margin-right:20px; } .message-reply.customer-reply { margin-right:0; margin-left:20px; } }
.chat-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:end}
.chat-reply-form .commerce-field{margin:0}
.chat-reply-form textarea{min-height:48px;max-height:130px;resize:vertical;border-radius:18px;padding:.75rem 1rem}
.chat-reply-form button[type="submit"]{min-height:48px;margin:0}
.chat-reply-form .commerce-status{grid-column:1/-1}
.chat-typing-indicator{margin:.35rem 0;color:var(--wobli-blue,#2867d8);font-size:.82rem;font-weight:700;letter-spacing:.02em}
.chat-typing-indicator::after{content:'';display:inline-block;width:1.1em;animation:chatTypingDots 1.1s steps(4,end) infinite;overflow:hidden;vertical-align:bottom}
@keyframes chatTypingDots{0%{content:''}25%{content:'.'}50%{content:'..'}75%,100%{content:'...'}}
@media(max-width:560px){.chat-reply-form{grid-template-columns:1fr}.chat-reply-form button[type="submit"]{width:100%}.customer-service-card[open] > .customer-service-content{top:auto;bottom:0;left:0;width:100vw;max-height:88dvh;padding:20px 16px 18px;transform:none;border-radius:24px 24px 0 0}.customer-service-popup-heading{top:-20px;margin:-20px -16px 16px;padding:17px 16px 12px}}