:root{color:#172033;background:#eef1f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{max-width:100%;height:100%;min-height:100%;overflow-x:hidden}body{background:#eef1f5;margin:0}button,input,textarea,select{font:inherit}button{color:#fff;cursor:pointer;background:#195fd7;border:0;border-radius:6px;min-height:40px;padding:0 14px}button:disabled{cursor:not-allowed;background:#aab2c0}input,textarea,select{color:#172033;background:#fff;border:1px solid #cdd5df;border-radius:6px;width:100%;min-height:40px;padding:8px 10px}textarea{resize:vertical}label{gap:8px;font-size:14px;font-weight:600;display:grid}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.2}h2{font-size:15px}.login-shell{--login-shell-top-padding:calc(48px + env(safe-area-inset-top));min-height:100dvh;padding:var(--login-shell-top-padding) 24px 32px;background:linear-gradient(#9ed8fbc7 0%,#e8f4fcdb 42%,#f6f8fc 100%),radial-gradient(circle at 1px 1px,#195fd71f 1px,#0000 0) 0 0/22px 22px;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;display:flex;overflow:hidden}.login-logo-stage{aspect-ratio:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:50%;background:#ffffff5c;border-radius:44px;place-items:center;width:min(190px,42vw);animation:1.65s cubic-bezier(.2,.9,.2,1) both login-logo-intro;display:grid;box-shadow:0 24px 70px #1123482e,inset 0 1px #ffffffb3}.login-logo-hero{object-fit:contain;filter:drop-shadow(0 18px 24px #195fd72e);width:72%;height:72%}.login-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffdb;border:1px solid #bed5eac2;border-radius:24px;gap:16px;width:min(420px,100%);padding:22px;animation:.68s cubic-bezier(.2,.9,.2,1) 1.18s both login-panel-intro;display:grid;box-shadow:0 18px 54px #20325229,inset 0 1px #fffc}.login-panel-brand{align-items:center;gap:14px;display:flex}.login-panel-logo{object-fit:contain;border-radius:16px;flex:none;width:48px;height:48px;box-shadow:0 12px 26px #195fd729}.login-panel h1{letter-spacing:0;font-size:25px}.eyebrow{color:#5c728d;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.login-panel label{color:#334155;font-size:13px}.login-panel input{background:#ffffffc7;border-color:#becad9eb;border-radius:16px;min-height:48px;padding:11px 14px;font-size:16px;box-shadow:inset 0 1px #ffffffb8}.login-panel input:focus{background:#fff;border-color:#8ebaf6;outline:3px solid #297ded2e}.login-submit-button{background:linear-gradient(135deg,#2169dc 0%,#178de2 100%);border-radius:16px;min-height:48px;font-weight:800;box-shadow:0 14px 26px #195fd73b}.login-submit-button:disabled{color:#ffffffe6;background:linear-gradient(135deg,#79a8ee 0%,#72bbe8 100%)}.login-shell-entering .login-logo-stage{animation:.52s cubic-bezier(.2,.9,.2,1) both login-logo-complete}.login-shell-entering .login-panel{animation:.52s cubic-bezier(.2,.9,.2,1) both login-panel-complete}.app-shell-entering{animation:.56s cubic-bezier(.2,.9,.2,1) both app-shell-enter}.pwa-shell.app-shell-entering{animation:.42s ease-out both pwa-app-shell-enter}@keyframes login-logo-intro{0%{opacity:0;transform:translateY(calc(50dvh - var(--login-shell-top-padding) - 50%)) scale(.72)}20%{opacity:1;transform:translateY(calc(50dvh - var(--login-shell-top-padding) - 50%)) scale(1.22)}48%{opacity:1;transform:translateY(calc(50dvh - var(--login-shell-top-padding) - 50%)) scale(1.22)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-panel-intro{0%{opacity:0;transform:translateY(26px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-logo-complete{to{opacity:0;transform:translateY(-24px)scale(1.12)}}@keyframes login-panel-complete{to{opacity:0;transform:translateY(26px)scale(.98)}}@keyframes app-shell-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pwa-app-shell-enter{0%{opacity:0}to{opacity:1}}.form-error{color:#a11919;background:#fff1f1;border:1px solid #ffc9c9;border-radius:6px;padding:10px 12px}.auth-error-notice{text-align:left;width:fit-content;min-height:auto;display:block}.auth-error-notice:hover,.auth-error-notice:focus-visible{background:#ffe7e7;border-color:#ff9f9f}.muted{color:#697586}.app-shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #d9e0ea;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 24px;display:flex}.brand{color:#172033;align-items:center;gap:10px;font-size:16px;display:inline-flex}.brand-mark{object-fit:contain;border-radius:999px;place-items:center;width:34px;height:34px;display:inline-grid;position:relative}.pwa-page-title{display:none}.topbar div,.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-filter-button{color:#253347;background:#fff;border:1px solid #d7dee8;border-radius:8px;min-height:34px;padding:0 12px;font-weight:700}.topbar-filter-button.active{color:#174ea6;background:#e8f1ff;border-color:#8bb8ff}.nav-tabs{align-items:center;gap:6px;display:flex}.nav-button{color:#253347;background:0 0;border:1px solid #0000;min-height:34px}.nav-button.active{color:#195fd7;background:#eef4ff;border-color:#cdd5df}.workspace{width:min(1180px,100%);margin:0 auto;padding:28px 24px 48px}.chat-workspace{flex-direction:column;width:min(1600px,100%);height:calc(100vh - 58px);min-height:0;padding:16px 20px 20px;display:flex;overflow:hidden}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.toolbar-form{background:#fff;border:1px solid #dfe5ed;border-radius:8px;grid-template-columns:minmax(180px,1.1fr) minmax(180px,1fr) auto;gap:10px;margin-bottom:14px;padding:14px;display:grid}.employee-list{gap:12px;display:grid}.employee-list-head,.employee-list-row{grid-template-columns:minmax(180px,1.4fr) minmax(180px,1.1fr) minmax(100px,.7fr) 82px 96px 86px;align-items:center;gap:12px;display:grid}.employee-list-head{color:#697586;padding:0 14px;font-size:13px;font-weight:700}.employee-list-row{color:#172033;text-align:left;background:#fff;border:1px solid #dfe5ed;border-radius:8px;min-height:58px;padding:10px 14px}.employee-list-row:hover,.employee-list-row:focus-visible{background:#f8fbff;border-color:#9db8e8}.chat-space-list-head,.chat-space-list-row{grid-template-columns:58px minmax(180px,1.4fr) minmax(160px,1fr) 110px 120px}.chat-space-name-cell{align-items:center;display:inline-flex}.chat-space-settings-avatar{width:42px;height:42px;font-size:13px}.chat-space-settings-avatar.large{width:58px;height:58px;font-size:15px}.employee-row{background:#fff;border:1px solid #dfe5ed;border-radius:8px;gap:14px;padding:16px;display:grid}.employee-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.employee-fields{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 96px;align-items:center;gap:10px;display:grid}.row-actions{gap:8px;display:flex}.secondary-button{color:#253347;background:#fff;border:1px solid #cdd5df}.link-button{color:#195fd7;background:0 0;border:0;min-height:auto;padding:0}.icon-button{color:#253347;background:#fff;border:1px solid #d7dee8;border-radius:999px;place-items:center;width:38px;height:38px;min-height:38px;padding:0;line-height:1;display:inline-grid}.status{border-radius:999px;justify-content:center;align-items:center;min-height:32px;font-size:13px;font-weight:700;display:inline-flex}.status.active{color:#146b3a;background:#e6f7ee}.status.inactive{color:#697586;background:#f1f3f6}.avatar{color:#174ea6;background:#eef4ff;border:1px solid #d7dee8;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;line-height:1;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.employee-name-cell,.account-provider-cell{align-items:center;gap:9px;min-width:0;display:inline-flex}.employee-name-cell strong,.account-provider-cell span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-provider-cell select{min-width:0}.account-avatar,.message-avatar{width:30px;height:30px;font-size:11px}.accounts-block{border-top:1px solid #edf0f5;gap:10px;padding-top:14px;display:grid}.account-list{gap:8px;display:grid}.account-row{background:#f7f9fc;border-radius:6px;grid-template-columns:90px minmax(120px,1fr) minmax(120px,1fr) auto;align-items:center;gap:10px;min-height:36px;padding:8px 10px;display:grid}.account-form{grid-template-columns:120px minmax(160px,1fr) minmax(140px,1fr) minmax(180px,1fr) auto;gap:10px;display:grid}.modal-backdrop{z-index:20;background:#0f172a61;place-items:start center;padding:32px 24px;display:grid;position:fixed;inset:0;overflow:auto}.employee-dialog{background:#fff;border:1px solid #dfe5ed;border-radius:8px;gap:18px;width:min(1080px,100%);padding:20px;display:grid;box-shadow:0 24px 70px #17203333}.dialog-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.dialog-heading h2{font-size:22px;line-height:1.2}.employee-edit-form{background:#fbfcfe;border:1px solid #edf0f5;border-radius:8px;grid-template-columns:minmax(160px,1.1fr) minmax(180px,1fr) minmax(180px,1fr) 130px 120px auto;align-items:end;gap:10px;padding:14px;display:grid}.chat-space-edit-form{background:#fbfcfe;border:1px solid #edf0f5;border-radius:8px;grid-template-columns:minmax(180px,1.1fr) minmax(180px,1fr) 96px auto auto;align-items:end;gap:10px;padding:14px;display:grid}.chat-space-avatar-field{grid-column:1/-1}.chat-space-avatar-picker{background:#fff;border:1px solid #dfe5ed;border-radius:8px;grid-template-columns:auto minmax(0,1fr) minmax(180px,auto);align-items:center;gap:12px;padding:10px;display:grid}.chat-space-avatar-picker>span:not(.avatar){gap:3px;min-width:0;display:grid}.chat-space-avatar-picker>span:not(.avatar) small{color:#697586}.checkbox-row{align-items:center;gap:8px;min-height:40px;padding-bottom:1px;display:flex}.checkbox-row input{width:18px;min-height:18px}.account-edit-list{gap:8px;display:grid}.account-edit-row{background:#f7f9fc;border-radius:6px;grid-template-columns:132px minmax(130px,1fr) minmax(120px,.9fr) minmax(160px,1fr) auto auto;align-items:center;gap:8px;padding:10px;display:grid}.external-chat-form{grid-template-columns:120px minmax(160px,1fr) minmax(180px,1fr) auto;gap:10px;display:grid}.chat-layout{flex:auto;grid-template-columns:280px minmax(0,1fr) minmax(300px,360px);gap:18px;min-height:0;display:grid}.chat-space-list{align-content:start;gap:8px;min-width:0;max-height:100%;display:grid;position:sticky;top:74px;overflow-y:auto}.chat-space-card{cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:8px;gap:10px;padding:11px 12px;display:grid}.chat-space-card.active{background:#eef4ff;border-color:#195fd7}.chat-space-card:focus-within{border-color:#9db8e8;box-shadow:0 0 0 3px #195fd71f}.chat-space-card-header{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:8px;display:grid}.chat-space-card-meta{gap:3px;display:grid}.chat-space-button{color:#172033;text-align:left;background:0 0;border:0;justify-items:start;gap:3px;min-width:0;min-height:auto;padding:0;display:grid}.chat-space-button:hover,.chat-space-button:focus-visible{background:0 0}.chat-space-button small{color:#697586}.chat-sort-button{width:32px;height:32px;min-height:32px;font-size:18px;font-weight:800}.chat-space-title,.chat-space-count,.chat-space-preview{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.chat-space-title{color:#174ea6;font-weight:800}.chat-space-preview{color:#526072;font-size:13px}.chat-space-unanswered,.chat-space-analysis-error{border-radius:999px;width:fit-content;padding:3px 8px;font-size:12px;font-weight:800}.chat-space-unanswered{color:#9a3412;background:#fff7ed}.chat-space-analysis-error{color:#b42318;background:#fff1f0}.chat-space-tabs{width:100%}.chat-space-tabs button{flex:1 1 0;place-items:center;min-width:0;padding:8px 6px;display:inline-grid}.chat-space-tabs button svg{width:18px;height:18px}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.chat-thread-header{display:grid}.pwa-agent-toggle,.openclaw-close-button,.pwa-media-button{display:none}.chat-search{color:#697586;background:#fff;border:1px solid #dfe5ed;border-bottom:0;border-radius:8px 8px 0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.chat-search svg{width:18px;height:18px}.chat-search input{color:#172033;background:0 0;border:0;outline:none;min-width:0;padding:4px 0}.chat-search button{color:#526072;background:#eef2f7;border:0;border-radius:999px;place-items:center;width:26px;height:26px;min-height:26px;padding:0;display:inline-grid}.openclaw-panel{background:#fff;border:1px solid #dfe5ed;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden;box-shadow:0 2px 10px #1720330d}.openclaw-heading{border-bottom:1px solid #edf1f6;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.openclaw-avatar{color:#fff;background:#172033;border-radius:999px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:inline-grid}.openclaw-title{gap:2px;min-width:0;display:grid}.openclaw-title strong{color:#172033}.openclaw-title small,.openclaw-context{color:#697586;font-size:12px}.openclaw-status{color:#526072;text-transform:uppercase;border:1px solid #d0d7e2;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.openclaw-heading-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:inline-flex}.openclaw-nav-button,.openclaw-chat-button,.openclaw-new-session-button{color:#253347;background:#fff;border:1px solid #d7dee8;border-radius:999px;place-items:center;padding:0;font-weight:900;display:inline-grid}.openclaw-nav-button{width:32px;height:32px;min-height:32px;line-height:0}.openclaw-chat-button{min-height:32px;padding:0 10px;font-size:12px}.openclaw-new-session-button{width:32px;height:32px;min-height:32px;font-size:18px;line-height:1}.openclaw-context{border-bottom:1px solid #edf1f6;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:9px 12px;display:flex}.openclaw-thread{background:#f7f9fc;flex-direction:column;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.openclaw-thread-bottom{width:1px;min-height:1px}.openclaw-message{background:#fff;border:1px solid #dfe5ed;border-radius:8px;gap:6px;width:min(100%,280px);padding:8px 10px;display:grid}.openclaw-message.user{background:#eef6ff;border-color:#b8d2ff;align-self:flex-end}.openclaw-message.pending{color:#526072;font-style:italic}.openclaw-message p{color:#172033;white-space:pre-wrap;line-height:1.42}.openclaw-message time{float:right;color:#697586;margin-left:8px;font-size:12px;line-height:1.42;transform:translateY(2px)}.openclaw-form{background:#fff;border-top:1px solid #dfe5ed;gap:8px;padding:10px;display:grid}.openclaw-input{color:#526072;gap:6px;font-size:12px;font-weight:700;display:grid}.openclaw-input textarea{resize:vertical;color:#172033;border:1px solid #d0d7e2;border-radius:8px;width:100%;min-height:64px;max-height:160px;padding:9px 10px}.openclaw-form button{justify-self:end}.segmented-control{background:#fff;border:1px solid #d0d7e2;border-radius:8px;display:inline-flex;overflow:hidden}.segmented-control button{color:#39465a;background:0 0;border:0;border-radius:0;min-height:38px;padding:8px 14px}.segmented-control button.active{color:#fff;background:#195fd7}.message-list{background:linear-gradient(#ffffffe0,#ffffffe0),#e8edf5;border:1px solid #dfe5ed;border-bottom:0;border-radius:0;flex-direction:column;gap:8px;min-height:0;padding:12px 16px;scroll-padding-bottom:96px;display:flex;overflow-y:auto}.message-page-loader{background:#ffffffd1;border-radius:999px;margin:4px auto;padding:5px 10px;font-size:12px;font-weight:700}.message-stack{place-self:flex-start start;gap:6px;width:min(620px,78%);display:grid}.message-stack:focus{outline:none}.message-stack.own{place-self:flex-end end}.message-row{background:#fff;border:1px solid #d0d7e2d9;border-radius:8px;gap:6px;width:100%;padding:8px 10px 6px;display:grid;position:relative;box-shadow:0 2px 10px #1720330d}.message-row:not(.deleted){cursor:pointer}.message-row.reaction-open{border-color:#a9c9ff;box-shadow:0 8px 24px #195fd71f}.message-row.selected{border-color:#8bb8ff;box-shadow:0 0 0 3px #195fd71c,0 8px 24px #195fd71f}.message-row.product-flipped{background:#fbfdf7;border-color:#9dc88d;animation:.28s message-product-flip}@keyframes message-product-flip{0%{transform:rotateY(0)}50%{transform:rotateY(5deg)}to{transform:rotateY(0)}}.message-row.unanswered{border-color:#f4a261;box-shadow:0 8px 24px #c2551821}.message-row.unanswered:before{content:"";background:#f97316;border-radius:999px;width:4px;position:absolute;top:10px;bottom:10px;left:-1px}.message-stack.reference-highlight .message-row{border-color:#195fd7;animation:1.8s message-reference-highlight;box-shadow:0 0 0 3px #195fd726,0 10px 28px #195fd72e}@keyframes message-reference-highlight{0%,to{transform:translateY(0)}18%{transform:translateY(-2px)}36%{transform:translateY(0)}}.message-row.own{background:#eef6ff;border-color:#b8d2ff;align-self:flex-end}.message-row.deleted{opacity:.72;background:#f7f8fa}.message-date-divider{z-index:3;justify-content:center;padding:4px 0;display:flex;position:sticky;top:0}.message-date-divider span{color:#526072;background:#ffffffeb;border:1px solid #d0d7e2d1;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.product-analysis-strip{color:#526072;background:#fbfcfe;border:1px solid #dfe5ed;border-radius:8px;align-items:center;gap:8px;min-height:30px;padding:6px 12px;font-size:12px;font-weight:800;display:flex}.chat-space-card .product-analysis-strip{margin-top:8px;padding:6px 8px}.product-analysis-strip.completed{color:#2f6f3e}.product-analysis-strip.running{color:#7c5d11}.product-analysis-strip.failed{color:#b42318}.product-analysis-strip span:first-child{background:#eef2f7;border-radius:999px;place-items:center;min-width:22px;height:22px;line-height:1;display:inline-grid}.message-topline{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.message-meta,.delivery-list,.message-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.delivery-list{justify-content:flex-end}.message-footer{justify-content:flex-end;gap:0}.message-author{color:#182230;font-weight:800}.message-source-icon{color:#253347;background:#f1f5f9;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;min-height:24px;font-size:14px;line-height:1;display:inline-flex;overflow:hidden}.message-source-icon img,.message-reference-source img,.delivery-provider-icon img{object-fit:contain;width:100%;height:100%;display:block}.message-footer time{color:#697586;margin-left:auto;margin-right:0;font-size:12px}.message-product-button,.message-attachment-analysis-button{color:#2f6f3e;background:#f3f9ed;border:1px solid #d7e8c7;border-radius:999px;place-items:center;width:26px;height:26px;min-height:26px;padding:0;display:inline-grid}.message-attachment-analysis-button{color:#195fd7;background:#eef6ff;border-color:#cce2ff}.message-product-button:hover,.message-product-button:focus-visible{background:#e8f5dc;border-color:#89bd73}.message-attachment-analysis-button:hover,.message-attachment-analysis-button:focus-visible{background:#dcecff;border-color:#9dc5ff}.message-product-button svg,.message-attachment-analysis-button svg{width:15px;height:15px}.product-status-badge{color:#526072;background:#f8fafc;border:1px solid #dfe5ed;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;font-size:11px;font-weight:900;line-height:1;display:inline-grid}.product-status-badge.refreshable{cursor:pointer}.product-status-badge.refreshable:hover{box-shadow:0 0 0 3px #2f6f3e1f}.product-status-badge.analyzing{color:#7c5d11;background:#fff8e5;border-color:#f4d78f}.product-status-badge.checked_no_products{color:#2f6f3e;background:#f3f9ed;border-color:#cae7c3}.product-status-badge.not_readable,.product-status-badge.failed{color:#b42318;background:#fff1f0;border-color:#f3b8b0}.product-status-badge.skipped,.product-status-badge.pending{color:#697586;background:#f8fafc;border-color:#dfe5ed}.message-product-back,.message-attachment-analysis-back{color:#24351f;background:linear-gradient(#fbfdf7,#f3f9ed);border:1px solid #d9ebcc;border-radius:8px;gap:8px;padding:9px;display:grid}.message-attachment-analysis-back{color:#24364c;background:linear-gradient(#f8fbff,#eef6ff);border-color:#cce2ff}.message-product-back-heading,.message-product-back li,.message-attachment-analysis-back li{justify-content:space-between;align-items:center;gap:10px;display:flex}.message-product-back-heading span{color:#2f6f3e;background:#e0f1d5;border-radius:999px;padding:3px 7px;font-size:12px;font-weight:800}.message-product-back ul,.message-attachment-analysis-back ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.message-product-back li,.message-attachment-analysis-back li{background:#ffffffb8;border-radius:6px;padding:7px 8px}.message-attachment-analysis-back p{margin:0;line-height:1.42}.message-attachment-analysis-back li{justify-content:stretch;align-items:start;display:grid}.message-attachment-analysis-back li span{overflow-wrap:anywhere;font-weight:800}.message-attachment-analysis-back li small{color:#526072;line-height:1.35}.message-product-name{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.message-product-name code{color:#245b31;font-size:12px;font-weight:800}.message-product-quantity{color:#245b31;flex:none;font-weight:800}.message-product-side{flex:none;align-items:center;gap:6px;display:inline-flex}.message-product-search{color:#2f6f3e;background:#fff;border:1px solid #cfe4c0;border-radius:999px;place-items:center;width:24px;height:24px;min-height:24px;padding:0;display:inline-grid}.message-product-search:hover,.message-product-search:focus-visible{background:#e8f5dc;border-color:#89bd73}.message-product-search svg{width:14px;height:14px}.message-product-back small{color:#526842;line-height:1.35}.message-deleted-mark{color:#b42318;font-size:13px}.message-unanswered-badge{color:#9a3412;background:#fff7ed;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800;line-height:1}.message-reply-button,.message-copy-button,.message-delete-button{color:#195fd7;opacity:0;pointer-events:none;background:#ffffffe6;border:1px solid #195fd72e;border-radius:999px;place-items:center;width:24px;height:24px;min-height:24px;padding:0;transition:opacity .15s,background .15s,color .15s;display:inline-grid;position:absolute;bottom:24px}.message-reply-button{right:10px}.message-delete-button{color:#b42318;border-color:#b423182e;right:70px}.message-copy-button{color:#526072;border-color:#5260722e;right:40px}.message-row:hover .message-reply-button,.message-row:hover .message-copy-button,.message-row:focus-within .message-reply-button,.message-row:focus-within .message-copy-button,.message-reply-button:focus-visible,.message-copy-button:focus-visible,.message-copy-button.copied,.message-row.delete-open .message-delete-button,.message-delete-button:focus-visible{opacity:1;pointer-events:auto}.message-reply-button:hover{color:#164fac;background:#eef4ff}.message-copy-button:hover,.message-copy-button.copied{color:#027a48;background:#ecfdf3}.message-delete-button:hover{color:#9f1d15;background:#fff1f0}.message-reply-button svg,.message-copy-button svg,.message-delete-button svg{width:15px;height:15px}.message-text{color:#172033;white-space:pre-wrap;line-height:1.42}.message-reactions{flex-wrap:wrap;align-items:center;gap:6px;padding:0 4px;display:flex}.message-stack.own .message-reactions{justify-content:flex-end}.reaction-pill,.reaction-picker button{color:#253347;background:#f8fafc;border:1px solid #d7dee8;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:4px 8px;font-size:15px;line-height:1;display:inline-flex}.reaction-pill{gap:4px}.reaction-pill.active{color:#174ea6;background:#e8f1ff;border-color:#8bb8ff}.reaction-picker-wrap{display:inline-flex}.reaction-picker{background:#fff;border:1px solid #dfe5ed;border-radius:8px;gap:4px;padding:5px;display:flex;box-shadow:0 12px 30px #17203329}.reaction-picker button{width:30px;padding:0}.message-references{gap:6px;display:grid}.message-reference{background:#f5f8fd;border-left:3px solid #7aa7f8;border-radius:6px;gap:3px;max-width:100%;padding:6px 8px;display:grid}.message-reference.clickable{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;border-top:0;border-bottom:0;border-right:0;transition:background .15s,border-color .15s,box-shadow .15s}.message-reference.clickable:hover,.message-reference.clickable:focus-visible{background:#eef4ff;border-left-color:#195fd7;box-shadow:inset 0 0 0 1px #195fd71f}.message-reference.forward{border-left-color:#38a169}.message-reference-heading{color:#526072;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:700;display:flex}.message-reference-heading strong{overflow-wrap:anywhere;color:#253347;min-width:0}.message-reference-heading time{color:#697586;white-space:nowrap;margin-left:auto;font-weight:600}.message-reference-source{color:#253347;background:#fff;border-radius:999px;flex:none;place-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:inline-grid;overflow:hidden}.message-reference p{color:#39465a;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.35}.message-attachments{gap:8px;display:grid}.attachment-card{color:#172033;text-align:left;background:#fbfcfe;border:1px solid #dfe5ed;border-radius:8px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;max-width:520px;min-height:64px;padding:8px;display:grid}.attachment-card:hover{background:#f6f9fd;border-color:#b8c7dc}.attachment-card.disabled{opacity:.76}.attachment-card.image{grid-template-columns:1fr;gap:7px;width:min(380px,100%);padding:7px}.attachment-card.pdf{background:snow;grid-template-columns:64px minmax(0,1fr)}.attachment-card.pdf:hover{background:#fff5f3;border-color:#f4aaa3}.attachment-preview,.attachment-icon{border-radius:6px;width:48px;height:48px}.attachment-preview{object-fit:cover;background:#eef2f7}.attachment-card.image .attachment-preview{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;max-height:280px}.attachment-card.image .attachment-icon{width:100%;height:180px}.attachment-icon{background:#eef4ff;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.attachment-card.pdf .attachment-icon{color:#b42318;letter-spacing:0;background:#fff1f0;border:1px solid #ffd6d1;width:56px;height:56px;font-size:13px;font-weight:900}.attachment-details{gap:3px;min-width:0;display:grid}.attachment-details span,.attachment-details small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attachment-details small{color:#697586;font-size:12px}.attachment-error{color:#b42318}.attachment-action{color:#174ea6;background:#eef4ff;border-radius:6px;align-items:center;min-height:36px;padding:6px 10px;display:inline-flex}.delivery-pill,.delivery-indicator{color:#253347;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;min-height:24px;padding:3px 6px;font-size:12px;display:inline-flex}.delivery-provider-icon{color:#526072;background:#fff;border-radius:999px;place-items:center;width:15px;height:15px;font-size:11px;font-weight:800;display:inline-grid;overflow:hidden}.delivery-checks{color:#697586;letter-spacing:0;min-width:18px;font-weight:800}.delivery-indicator.sent .delivery-checks{color:#12805c}.delivery-indicator.failed .delivery-checks{color:#b42318}.delivery-indicator.cancelled .delivery-checks,.delivery-indicator.unknown .delivery-checks{color:#697586}.attachment-viewer-backdrop{align-items:center}.attachment-viewer{background:#fff;border:1px solid #dfe5ed;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(920px,100%);max-height:min(760px,100vh - 64px);display:grid;box-shadow:0 24px 70px #17203347}.attachment-viewer-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:start;gap:16px;padding:14px 16px;display:flex}.attachment-viewer-title{gap:4px;min-width:0;display:grid}.attachment-viewer-title strong,.attachment-viewer-title small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-viewer-title small{color:#697586}.attachment-viewer-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.attachment-download-button{text-decoration:none}.attachment-viewer-body{background:#111827;place-items:center;min-height:280px;padding:16px;display:grid;overflow:auto}.attachment-viewer-image{object-fit:contain;border-radius:6px;max-width:100%;max-height:calc(100vh - 190px)}.attachment-viewer-pdf{background:#fff;border:0;border-radius:6px;width:100%;height:min(640px,100vh - 190px);min-height:420px}.attachment-file-preview{color:#172033;text-align:center;background:#fff;border-radius:8px;justify-items:center;gap:12px;width:min(420px,100%);padding:24px;display:grid}.attachment-file-preview.pdf-preview{background:#fffffff5;border:1px solid #d8e0ebd1;border-radius:22px;width:min(460px,100vw - 48px);box-shadow:0 20px 54px #17203329}.attachment-pdf-preview{color:#172033;background:#fffffff5;border:1px solid #d8e0ebd1;border-radius:22px;justify-items:stretch;gap:10px;width:min(720px,100vw - 28px);max-height:calc(100dvh - 150px);padding:12px;display:grid;overflow:hidden;box-shadow:0 20px 54px #17203329}.attachment-pdf-preview-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.attachment-pdf-preview-toolbar strong,.attachment-pdf-preview-toolbar small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attachment-pdf-preview-toolbar small{color:#697586;font-size:12px}.attachment-pdf-canvas-wrap{background:#eef2f7;border-radius:14px;place-items:center;min-height:240px;display:grid;overflow:auto}.attachment-pdf-canvas{background:#fff;max-width:100%;height:auto;display:block;box-shadow:0 8px 24px #1720331f}.attachment-pdf-preview.loading .attachment-pdf-canvas,.attachment-pdf-preview.failed .attachment-pdf-canvas{display:none}.attachment-pdf-placeholder{color:#526072;background:#ffffffd1;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.attachment-file-icon{background:#eef4ff;border-radius:999px;place-items:center;width:58px;height:58px;font-size:28px;display:inline-grid}.attachment-file-icon.pdf{color:#b42318;background:#fff1f0;border:1px solid #ffd6d1;font-size:14px;font-weight:900}.attachment-file-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.attachment-file-preview a,.attachment-file-actions a{color:#fff;background:#195fd7;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;text-decoration:none;display:inline-flex}.attachment-file-actions a+a{color:#253347;background:#fff;border:1px solid #d7dee8}.message-form{z-index:2;background:#fff;border:1px solid #dfe5ed;border-radius:0 0 8px 8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;padding:14px;display:grid;position:relative;box-shadow:0 -8px 24px #1720330f}.message-reply-preview{background:#eef6ff;border:1px solid #b8d2ff;border-left:4px solid #195fd7;border-radius:8px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;padding:7px 8px;display:grid}.message-reply-preview-body{color:#253347;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,max-content) auto;justify-content:start;align-items:center;gap:5px 8px;min-width:0;padding:0;display:grid}.message-reply-preview-body span,.message-reply-preview-body time{color:#526072;font-size:12px;font-weight:700}.message-reply-preview-body strong{overflow-wrap:anywhere;min-width:0}.message-reply-preview-body small{color:#39465a;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.message-reply-preview-close{color:#195fd7;background:#195fd71a;border:0;border-radius:999px;align-self:center;width:30px;min-height:30px;padding:0}.message-form textarea{max-height:160px}.selected-file-name{color:#39465a;grid-column:1/-1;font-size:13px}.file-icon-button{color:#253347;cursor:pointer;background:#fff;border:1px solid #d7dee8;border-radius:999px;align-self:end;place-items:center;width:40px;height:40px;min-height:40px;padding:0;font-size:20px;line-height:1;display:inline-grid;position:relative}.file-icon-button:hover,.file-icon-button:focus-within{background:#eef4ff;border-color:#b8d2ff}.sr-only,.visually-hidden-file{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1180px){.chat-layout{grid-template-columns:260px minmax(0,1fr)}.openclaw-panel{grid-column:1/-1;min-height:360px}}@media (width<=860px){.topbar,.section-heading,.dialog-heading,.employee-main{flex-direction:column;align-items:stretch}.topbar,.topbar div,.section-heading{display:grid}.toolbar-form,.chat-layout,.employee-list-head,.employee-list-row,.employee-fields,.employee-edit-form,.chat-space-edit-form,.account-row,.account-edit-row,.account-form,.external-chat-form,.message-form{grid-template-columns:1fr}.chat-space-list{max-height:none;position:static;overflow:visible}.openclaw-panel{min-height:360px}.attachment-card{grid-template-columns:48px minmax(0,1fr);width:100%}.message-row{width:100%}.attachment-action{grid-column:1/-1}.row-actions{flex-wrap:wrap}}.pwa-shell{--pwa-safe-bottom:env(safe-area-inset-bottom);width:100%;top:0;right:0;bottom:var(--pwa-keyboard-inset,0px);padding-top:env(safe-area-inset-top);box-sizing:border-box;isolation:isolate;touch-action:pan-y;background:#fff;flex-direction:column;display:flex;position:fixed;left:0;overflow:hidden}body.pwa-runtime-body,body.pwa-runtime-body #root{overscroll-behavior:none;background:#fff;width:100%;height:100%;min-height:0;overflow:hidden}html:has(body.pwa-runtime-body){overscroll-behavior:none;background:#eef1f5;overflow:hidden}.pwa-login-shell{--login-shell-top-padding:calc(28px + env(safe-area-inset-top));min-height:100dvh;padding:var(--login-shell-top-padding) 16px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(#fff 0%,#f5f8fc 44%,#e8eef7 100%);align-items:stretch}.pwa-login-shell .login-logo-stage{align-self:center}.pwa-login-shell .login-panel{border-radius:18px;align-self:center;width:100%;max-width:420px;padding:24px 18px}.pwa-shell .topbar{border-bottom:1px solid #d8e0eb;flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;height:60px;min-height:60px;padding:0 12px;display:grid}.pwa-shell .brand{gap:0}.pwa-shell .brand>span:last-child{display:none}.pwa-shell .brand-mark{border-radius:12px;width:36px;height:36px}.pwa-shell .pwa-page-title{color:#172033;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:900;display:block;overflow:hidden}.pwa-shell .topbar-actions{justify-content:end;gap:8px;min-width:0;display:flex}.pwa-shell .topbar-actions>span{display:none}.pwa-shell .topbar-filter-button{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:116px;min-height:34px;font-size:13px;overflow:hidden}.pwa-shell .pwa-app-refresh-button,.pwa-shell .pwa-notification-button{color:#1d6fd6;background:#ffffffd1;border:1px solid #d2dde9;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;padding:0;font-size:18px;font-weight:900;line-height:1;display:inline-grid}.pwa-shell .pwa-notification-button.active{color:#158553;background:#e8f8efeb;border-color:#28a77152}.pwa-shell .pwa-app-refresh-button:disabled,.pwa-shell .pwa-notification-button:disabled{color:#8b99aa;opacity:.76}.pwa-shell .secondary-button{border-radius:999px;min-height:34px;padding:0 11px}.pwa-bottom-nav{z-index:35;width:100%;padding:4px 10px calc(8px + var(--pwa-safe-bottom));background:#fffffff5;border-top:1px solid #d8e0eb;flex:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid;position:relative;box-shadow:0 -12px 30px #1720331a}.pwa-bottom-nav button{color:#526072;background:0 0;border:1px solid #0000;border-radius:14px;place-items:center;gap:2px;min-height:44px;padding:3px 6px;font-size:12px;font-weight:900;display:grid}.pwa-bottom-nav button span:first-child{place-items:center;height:20px;font-size:17px;line-height:1;display:inline-grid}.pwa-bottom-nav button.active{color:#174ea6;background:#e8f1ff;border-color:#b8d2ff}.pwa-shell .nav-tabs{height:calc(62px + env(safe-area-inset-bottom));z-index:35;padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #d8e0eb;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #1720331a}.pwa-shell .nav-button{color:#526072;border:1px solid #0000;border-radius:14px;min-height:44px;padding:0 8px;font-size:13px;font-weight:900}.pwa-shell .nav-button.active{color:#174ea6;background:#e8f1ff;border-color:#b8d2ff}.pwa-shell .workspace:not(.chat-workspace){flex:auto;width:100%;min-height:0;padding:14px 12px 16px;overflow-y:auto}.pwa-settings-workspace,.pwa-settings-empty{background:#eef1f5;flex:auto;width:100%;min-height:0;padding:12px 14px 16px;overflow-y:auto}.pwa-settings-workspace .workspace{width:100%;margin:0;padding:10px 0 24px}.pwa-settings-tabs{z-index:4;border-radius:12px;width:100%;margin-bottom:16px;position:sticky;top:0}.pwa-settings-tabs button{flex:1 1 0;min-height:44px;font-size:15px;font-weight:800}.pwa-shell .workspace:not(.chat-workspace) .section-heading{margin-bottom:14px}.pwa-shell .workspace:not(.chat-workspace) .section-heading h1{font-size:28px}.pwa-shell .workspace:not(.chat-workspace) .section-heading .eyebrow{margin-bottom:4px}.pwa-shell .workspace:not(.chat-workspace) .toolbar-form{border-radius:14px;grid-template-columns:1fr;gap:10px;padding:14px}.pwa-shell .workspace:not(.chat-workspace) input,.pwa-shell .workspace:not(.chat-workspace) select,.pwa-shell .workspace:not(.chat-workspace) textarea{border-radius:10px;min-height:46px;font-size:16px}.pwa-shell .workspace:not(.chat-workspace) .employee-list{gap:10px}.pwa-shell .workspace:not(.chat-workspace) .employee-list-head{display:none}.pwa-shell .workspace:not(.chat-workspace) .employee-list-row{background:#fff;border:1px solid #d8e0ebe6;border-radius:18px;grid-template-columns:1fr;gap:8px;min-height:0;padding:14px 18px;box-shadow:0 8px 22px #1720330f}.pwa-shell .workspace:not(.chat-workspace) .employee-list-row>strong,.pwa-shell .workspace:not(.chat-workspace) .employee-name-cell strong{font-size:17px}.pwa-shell .workspace:not(.chat-workspace) .employee-list-row>span{color:#526072}.pwa-shell .workspace:not(.chat-workspace) .status{width:fit-content;min-height:26px;padding:0 10px}.pwa-shell .workspace:not(.chat-workspace) .chat-space-list-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.pwa-shell .workspace:not(.chat-workspace) .chat-space-list-row .chat-space-name-cell{grid-row:1/span 3}.pwa-shell .workspace:not(.chat-workspace) .chat-space-list-row>strong,.pwa-shell .workspace:not(.chat-workspace) .chat-space-list-row>span:nth-of-type(2){grid-column:2}.pwa-shell .workspace:not(.chat-workspace) .chat-space-list-row>.status{grid-area:1/3}.pwa-shell .workspace:not(.chat-workspace) .chat-space-list-row>span:last-child{grid-column:2}.pwa-shell .workspace:not(.chat-workspace) .modal-backdrop{padding:16px 10px calc(16px + env(safe-area-inset-bottom));align-items:end}.pwa-shell .workspace:not(.chat-workspace) .employee-dialog{border-radius:22px;max-height:calc(100dvh - 36px);padding:18px;overflow-y:auto}.pwa-shell .workspace:not(.chat-workspace) .employee-edit-form,.pwa-shell .workspace:not(.chat-workspace) .chat-space-edit-form,.pwa-shell .workspace:not(.chat-workspace) .external-chat-form,.pwa-shell .workspace:not(.chat-workspace) .account-edit-row{grid-template-columns:1fr}.pwa-shell .chat-space-avatar-picker{grid-template-columns:auto minmax(0,1fr)}.pwa-shell .chat-space-avatar-picker input{grid-column:1/-1}.pwa-shell .pwa-chat-workspace{flex:auto;width:100%;height:auto;min-height:0;padding:8px 0 0;overflow:hidden}.pwa-shell.pwa-chat-room-open .pwa-chat-workspace{overscroll-behavior:none;touch-action:pan-y;flex:auto;height:100%;min-height:0;padding:0}.pwa-shell.pwa-chat-room-open{--pwa-chat-header-height:60px;--pwa-chat-search-height:54px;--pwa-chat-input-height:calc(60px + var(--pwa-safe-bottom));--pwa-visual-offset-top:0px;background:#fff}.pwa-shell .pwa-chat-room-mode{background:0 0}.pwa-shell .chat-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:8px;height:100%;min-height:0;display:grid}.pwa-shell .pwa-chat-selector-mode .chat-layout,.pwa-shell .pwa-chat-room-mode .chat-layout,.pwa-shell .pwa-diler-mode .chat-layout{grid-template-rows:minmax(0,1fr)}.pwa-shell .chat-space-list{scroll-snap-type:x proximity;gap:8px;max-height:none;padding:0 10px 2px;display:flex;position:static;overflow:auto hidden}.pwa-shell .pwa-chat-selector-mode .chat-space-list{scroll-snap-type:none;background:#fff;align-content:start;gap:0;max-height:100%;padding:14px 18px;display:grid;overflow:hidden auto}.pwa-shell .pwa-chat-room-mode .chat-space-list,.pwa-shell .pwa-diler-mode .chat-space-list,.pwa-shell .pwa-chat-selector-mode .chat-panel,.pwa-shell .pwa-chat-selector-mode .openclaw-panel,.pwa-shell .pwa-diler-mode .chat-panel{display:none}.pwa-shell .chat-space-card{scroll-snap-align:start;border-radius:12px;gap:8px;width:min(76vw,280px);min-width:min(76vw,280px);padding:9px 10px}.pwa-shell .pwa-chat-selector-mode .chat-space-card{width:100%;min-width:0;min-height:58px;box-shadow:none;scroll-snap-align:none;background:#fff;border:0;border-bottom:1px solid #eef1f5;border-radius:0;grid-template-rows:minmax(24px,auto) minmax(20px,auto);grid-template-columns:58px minmax(0,1fr) auto;align-items:start;gap:2px 10px;padding:6px 0;display:grid}.pwa-shell .pwa-chat-selector-mode .chat-space-card.active{background:#fff}.pwa-shell .pwa-chat-selector-mode .chat-space-card-header{display:contents}.pwa-chat-list-avatar{color:#fff;background:linear-gradient(135deg,#195fd7,#7c5cff);border:0;border-radius:999px;grid-area:1/1/3;align-self:start;place-items:center;width:58px;height:58px;font-size:17px;font-weight:900;display:inline-grid;box-shadow:0 8px 20px #195fd72e}.pwa-shell .pwa-chat-selector-mode .chat-space-tabs,.pwa-shell .pwa-chat-selector-mode .product-analysis-strip{display:none}.pwa-shell .chat-space-card:not(.active){background:#fbfcfe}.pwa-shell .chat-space-title{font-size:14px}.pwa-shell .pwa-chat-selector-mode .chat-space-title{color:#111827;font-size:16px;font-weight:900}.pwa-shell .pwa-chat-selector-mode .chat-space-button{grid-area:1/2;align-self:start;padding-top:1px}.pwa-shell .pwa-chat-selector-mode .chat-sort-button{grid-area:1/3/3;align-self:center}.chat-space-unread-badge{color:#fff;background:#1d6fd6;border-radius:999px;flex:none;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:900;line-height:1;display:inline-grid;box-shadow:0 6px 16px #1d6fd638}.pwa-shell .pwa-chat-selector-mode .chat-space-unread-badge{grid-area:1/3;place-self:start end;margin-top:2px}.pwa-shell .pwa-chat-selector-mode .chat-space-card-meta{grid-area:2/2/auto/4;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2px;min-height:0;margin-left:0;display:grid}.pwa-shell .chat-space-preview,.pwa-shell .chat-space-count{font-size:12px}.pwa-shell .pwa-chat-selector-mode .chat-space-preview{color:#697586;grid-area:1/1;font-size:14px}.pwa-shell .pwa-chat-selector-mode .chat-space-count{color:#526072;background:#eef2f7;border-radius:999px;grid-area:1/2;justify-self:end;width:fit-content;padding:2px 7px;font-weight:800}.pwa-shell .pwa-chat-selector-mode .chat-space-count:empty{display:none}.pwa-shell .pwa-chat-selector-mode .chat-space-unanswered,.pwa-shell .pwa-chat-selector-mode .chat-space-analysis-error{grid-column:1/-1;margin-top:2px}.pwa-shell .chat-space-tabs button{min-height:34px}.pwa-shell .product-analysis-strip{min-height:28px;padding:5px 8px;font-size:11px;line-height:1.25}.pwa-shell .chat-panel{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;position:relative}.pwa-shell .pwa-chat-room-mode .chat-panel{background:#fff}.pwa-shell.pwa-chat-room-open .pwa-chat-room-mode .chat-panel{box-sizing:border-box;touch-action:pan-y;grid-template-rows:auto minmax(0,1fr) auto;width:100%;max-width:100%;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.pwa-shell .chat-panel.chat-search-visible{grid-template-rows:auto auto minmax(0,1fr) auto}.pwa-shell.pwa-chat-room-open .chat-panel.chat-search-visible{grid-template-rows:auto auto minmax(0,1fr) auto;padding-top:0}.pwa-conversation-header{z-index:8;-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);background:#ebf7ff1f;border-bottom:1px solid #28b8e33d;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-height:58px;padding:6px 10px;display:grid;position:relative;box-shadow:0 10px 28px #122c480f}.pwa-shell.pwa-chat-room-open .pwa-conversation-header{height:var(--pwa-chat-header-height);box-sizing:border-box;z-index:45;-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:#eef8ff1a;min-height:0;position:relative}.pwa-header-back-button,.pwa-header-icon-button{color:#111827;background:0 0;border:0;border-radius:999px;place-items:center;width:30px;height:30px;min-height:30px;padding:0;display:inline-grid}.pwa-header-left-block,.pwa-header-actions{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#ffffff61;border:1px solid #ffffff7a;border-radius:999px;align-items:center;padding:2px;display:inline-flex;box-shadow:0 8px 22px #17203312}.pwa-header-left-block{justify-self:start;gap:1px}.pwa-header-back-button{justify-self:start;line-height:0}.pwa-header-back-button svg,.openclaw-nav-button svg,.pwa-header-icon-button svg{width:18px;height:18px}.pwa-header-icon-button.active{color:#195fd7;background:#e8f1ffd1}.pwa-header-icon-button:disabled{opacity:.45}.pwa-header-actions{justify-content:end;justify-self:end;gap:2px}.pwa-chat-avatar{color:#fff;background:linear-gradient(135deg,#195fd7,#36bffa);border-radius:999px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:inline-grid}.pwa-chat-title-pill{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#ffffff85;border:1px solid #ffffff94;border-radius:999px;justify-self:center;justify-items:center;gap:2px;min-width:0;max-width:min(210px,100%);padding:4px 18px 5px;display:grid;box-shadow:0 8px 22px #17203314}.pwa-chat-title-pill strong,.pwa-chat-title-pill small{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.pwa-chat-title-pill strong{color:#111827;font-size:15px;font-weight:800;line-height:1.05}.pwa-chat-title-pill small{color:#697586;font-size:11px;line-height:1.05}.pwa-shell .chat-thread-header{z-index:7;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;grid-template-columns:minmax(0,1fr);align-items:center;gap:6px;padding:4px 10px;display:grid;position:relative}.pwa-shell.pwa-chat-room-open .chat-thread-header{height:var(--pwa-chat-search-height);box-sizing:border-box;z-index:44;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:5px 10px 6px;position:relative}.pwa-chat-back-button{color:#253347;background:#fff;border:1px solid #d7dee8;border-radius:999px;min-height:42px;padding:0 12px;font-size:13px;font-weight:900}.pwa-shell .chat-search{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#ffffff70;border:1px solid #d8e0ebd1;border-radius:999px;align-items:center;min-height:42px;padding:0 12px;display:flex}.pwa-shell .chat-search input{background:0 0;border:0;height:40px;min-height:40px;padding:8px 6px;font-size:16px;line-height:22px}.pwa-shell .chat-search input::placeholder,.pwa-shell .message-text-field textarea::placeholder{color:#52607294;font-weight:300}.pwa-shell .chat-search input:focus{outline:none}.pwa-agent-toggle{color:#fff;background:#172033;border:1px solid #d7dee8;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 13px;font-size:13px;font-weight:900;display:inline-flex}.pwa-agent-toggle:disabled{color:#8b98aa;background:#eef2f7;border-color:#d7dee8}.pwa-shell .message-list{background:0 0;border-left:0;border-right:0;gap:5px;padding:7px 10px 10px;scroll-padding-bottom:68px}.pwa-shell.pwa-chat-room-open .message-list{overscroll-behavior:contain;overscroll-behavior-x:none;touch-action:pan-y;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;padding-top:8px;padding-bottom:10px;scroll-padding-top:10px;scroll-padding-bottom:12px;overflow:hidden auto}.pwa-shell.pwa-chat-room-open .chat-panel.chat-search-visible .message-list{padding-top:8px;scroll-padding-top:10px}.pwa-shell .message-stack{gap:4px;width:min(88%,520px)}.pwa-shell .message-row{touch-action:pan-y;background:#fff;border:0;border-radius:18px;padding:7px 9px 6px;box-shadow:0 2px 8px #1720331f}.pwa-shell .message-topline{min-height:29px;display:block}.pwa-shell .delivery-list{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border-radius:999px;flex-wrap:nowrap;justify-content:flex-end;gap:2px;max-width:112px;padding:2px 3px;position:absolute;top:6px;right:7px;overflow:hidden;box-shadow:0 4px 12px #17203314}.pwa-shell .message-stack.own .delivery-list{justify-content:flex-end}.pwa-shell .message-meta{flex-wrap:nowrap;gap:6px;min-width:0;padding-right:108px;overflow:hidden}.pwa-shell .message-avatar{width:28px;height:28px}.pwa-shell .message-source-icon{width:22px;min-width:22px;height:22px;min-height:22px}.pwa-shell .message-author{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.pwa-shell .delivery-pill,.pwa-shell .delivery-indicator,.pwa-shell .product-status-badge,.pwa-shell .message-product-button,.pwa-shell .message-attachment-analysis-button{flex:none}.pwa-shell .delivery-pill{display:none}.pwa-shell .message-product-button,.pwa-shell .message-attachment-analysis-button,.pwa-shell .product-status-badge{border-width:1px;width:20px;height:20px;min-height:20px}.pwa-shell .message-product-button svg,.pwa-shell .message-attachment-analysis-button svg{width:12px;height:12px}.pwa-shell .delivery-indicator{background:0 0;gap:2px;max-width:31px;min-height:20px;padding:1px 2px}.pwa-shell .delivery-provider-icon{width:12px;height:12px}.pwa-shell .delivery-checks{min-width:10px;font-size:10px}.pwa-shell .message-text{font-size:15px}.pwa-shell .message-attachments{gap:5px}.pwa-shell .attachment-card{border-radius:11px;grid-template-columns:38px minmax(0,1fr);gap:7px;min-height:50px;padding:5px}.pwa-shell .attachment-card.pdf{grid-template-columns:38px minmax(0,1fr)}.pwa-shell .attachment-card.image{background:0 0;border:0;gap:3px;width:100%;max-width:100%;padding:0}.pwa-shell .attachment-preview,.pwa-shell .attachment-icon{border-radius:8px;width:36px;height:36px}.pwa-shell .attachment-card.pdf .attachment-icon{width:36px;height:36px;font-size:11px}.pwa-shell .attachment-card.image .attachment-preview{aspect-ratio:auto;object-fit:cover;border-radius:14px;width:100%;max-height:320px}.pwa-shell .attachment-card.image .attachment-icon{border-radius:14px;height:172px}.pwa-shell .attachment-details{gap:2px}.pwa-shell .attachment-card.image .attachment-details{padding:0 4px}.pwa-shell .attachment-details span{font-size:12px}.pwa-shell .attachment-details small{font-size:10px}.pwa-shell .attachment-action{display:none}.pwa-scroll-latest-button{width:40px;height:40px;right:14px;bottom:calc(var(--pwa-chat-input-height) + 16px);z-index:5;color:#253347;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #d8e0ebc7;border-radius:999px;place-items:center;padding:0 0 2px;font-size:22px;font-weight:300;line-height:1;display:inline-grid;position:absolute;box-shadow:0 12px 28px #17203329}.pwa-shell .message-form{z-index:8;-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);padding:3px 8px calc(3px + env(safe-area-inset-bottom));touch-action:manipulation;background:#ebf7ff52;border:0;border-top:1px solid #d8e0ebb8;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;position:relative;box-shadow:0 -10px 28px #122c480f}.pwa-shell.pwa-chat-room-open .message-form{box-sizing:border-box;z-index:46;min-height:calc(52px + var(--pwa-safe-bottom));-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);padding:6px 8px calc(8px + var(--pwa-safe-bottom));background:#eef8ff42;align-items:center;position:relative}.pwa-shell.pwa-chat-room-open.pwa-keyboard-open .message-form{min-height:60px;padding-bottom:3px}.pwa-shell .message-text-field{align-self:center;align-items:center;gap:0;font-size:0;display:flex}.pwa-shell .message-text-field textarea{resize:none;-webkit-backdrop-filter:blur(12px)saturate(1.15);backdrop-filter:blur(12px)saturate(1.15);background:#ffffff70;border-color:#c7d2e0d6;border-radius:21px;min-height:42px;max-height:112px;padding:9px 13px;font-size:16px;line-height:22px;overflow-y:auto}.pwa-shell .file-icon-button{align-self:center;place-items:center;width:34px;height:34px;min-height:34px;font-size:18px;display:inline-grid}.pwa-attachment-control{align-self:center;place-items:center;display:grid;position:relative}.pwa-attachment-menu{z-index:20;background:#fffffffa;border:1px solid #d7dee8;border-radius:18px;gap:4px;min-width:184px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 16px 40px #1720332e}.pwa-attachment-menu label,.pwa-attachment-menu button{color:#253347;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:800;display:grid}.pwa-attachment-menu label:hover,.pwa-attachment-menu button:hover{background:#f1f5f9}.pwa-attachment-menu svg{width:20px;height:20px}.pwa-attachment-menu button.recording{color:#b42318;background:#fff1f0}.pwa-media-button{color:#253347;cursor:pointer;background:#fff;border:1px solid #d7dee8;border-radius:999px;align-self:end;place-items:center;width:32px;height:32px;min-height:32px;padding:0;position:relative}.pwa-shell .pwa-media-button{display:inline-grid}.pwa-media-button svg{width:18px;height:18px}.pwa-media-button.recording{color:#b42318;background:#fff1f0;border-color:#f97066}.pwa-shell .message-form button[type=submit]{border-radius:999px;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;font-size:0}.pwa-shell .message-form button[type=submit]:before{content:"↑";font-size:18px;font-weight:900;line-height:1}.pwa-shell .selected-file-name,.pwa-shell .message-reply-preview{grid-column:1/-1}.pwa-shell .openclaw-panel{height:auto;min-height:0;top:calc(64px + env(safe-area-inset-top));right:10px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:45;border-radius:18px;display:none;position:fixed;left:10px;overflow:hidden;box-shadow:0 24px 70px #17203347}.pwa-shell .openclaw-panel.pwa-open{display:grid}.pwa-shell .pwa-diler-mode .openclaw-panel{overscroll-behavior:none;touch-action:pan-y;border-radius:0;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;max-height:100%;margin:0;display:grid;position:static}.pwa-shell .pwa-diler-mode .openclaw-panel.pwa-dedicated{box-shadow:none;background:radial-gradient(circle at 12px 12px,#195fd71a 1px,#0000 1.5px) 0 0/46px 46px,radial-gradient(circle at 34px 30px,#11182712 1px,#0000 1.5px) 0 0/58px 58px,linear-gradient(#89d3fc73,#89d3fc73),#9ed8fb;border:0}.pwa-shell .openclaw-heading{grid-template-columns:auto minmax(0,1fr) auto}.pwa-shell .pwa-diler-mode .openclaw-heading{z-index:3;min-height:calc(58px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:#eef8ff2e;border-bottom:1px solid #28b8e33d;grid-template-columns:auto auto minmax(0,1fr) auto;position:relative}.pwa-shell .pwa-diler-mode .openclaw-avatar{background:linear-gradient(135deg,#195fd7,#36bffa);width:38px;height:38px;box-shadow:0 8px 20px #195fd72e}.pwa-shell .pwa-diler-mode .openclaw-status{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#ffffff85;border-color:#ffffff94}.pwa-shell .pwa-diler-mode .openclaw-heading-actions{gap:5px}.pwa-shell .pwa-diler-mode .openclaw-nav-button,.pwa-shell .pwa-diler-mode .openclaw-chat-button,.pwa-shell .pwa-diler-mode .openclaw-new-session-button,.pwa-shell .pwa-diler-mode .openclaw-close-button{-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);background:#ffffff8a;border-color:#ffffffa3;box-shadow:0 8px 18px #122c4814}.pwa-shell .pwa-diler-mode .openclaw-chat-button:disabled{opacity:.5}.pwa-shell .pwa-diler-mode .openclaw-new-session-button{color:#1d4ed8;width:32px;height:32px;min-height:32px}.pwa-shell .pwa-diler-mode .openclaw-context{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#ffffff6b;border-bottom:0;padding:8px 12px}.pwa-shell .openclaw-close-button{color:#253347;background:#fff;border:1px solid #d7dee8;border-radius:999px;place-items:center;width:32px;height:32px;min-height:32px;padding:0;display:inline-grid}.pwa-shell .openclaw-thread{padding:10px}.pwa-shell .pwa-diler-mode .openclaw-thread{overscroll-behavior:contain;background:0 0;gap:6px;padding:10px 12px}.pwa-shell .openclaw-message{width:min(100%,86vw)}.pwa-shell .pwa-diler-mode .openclaw-message{background:#fff;border:0;border-radius:18px;width:min(88%,520px);padding:8px 10px 6px;box-shadow:0 2px 8px #1720331f}.pwa-shell .pwa-diler-mode .openclaw-message.user{background:#eef6ff;align-self:flex-end}.pwa-shell .pwa-diler-mode .openclaw-form{z-index:3;-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);padding:6px 8px calc(8px + var(--pwa-safe-bottom));background:#eef8ff4d;border-top:1px solid #d8e0ebb8;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;position:relative}.pwa-shell.pwa-keyboard-open .pwa-diler-mode .openclaw-form{padding-bottom:3px}.pwa-shell .pwa-diler-mode .openclaw-input{gap:0;font-size:0;font-weight:400}.pwa-shell .pwa-diler-mode .openclaw-input textarea{resize:none;-webkit-backdrop-filter:blur(12px)saturate(1.15);backdrop-filter:blur(12px)saturate(1.15);color:#172033;background:#ffffff85;border-color:#c7d2e0d6;border-radius:21px;min-height:42px;max-height:112px;padding:9px 13px;font-family:inherit;font-size:16px;font-weight:400;line-height:22px;overflow-y:auto}.pwa-shell .pwa-diler-mode .openclaw-input textarea::placeholder{color:#52607294;font-weight:300}.pwa-shell .pwa-diler-mode .openclaw-form button{border-radius:999px;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;font-size:0}.pwa-shell .pwa-diler-mode .openclaw-form button:before{content:"↑";font-size:18px;font-weight:900;line-height:1}