:root{--blue:#1877f2;--blue-dark:#1062d0;--ink:#17243c;--muted:#73819a;--line:#e6ebf2;--bg:#f6f8fb;--green:#168765;--amber:#a7630b;--red:#cf3e4d;--nav:216px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a9cdff;outline-offset:3px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #dce3ed;border-radius:7px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1877f214}textarea{resize:vertical;min-height:95px}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-.8px;line-height:1.25}h2{font-size:16px;letter-spacing:-.2px}h3{font-size:14px}small,.sub{color:var(--muted);font-size:12px}svg.icon{width:19px;height:19px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:grid;gap:16px}.muted{color:var(--muted)}.blue{color:var(--blue)}.positive{color:var(--green)}.danger{color:var(--red)}.num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:39px;border-radius:7px;border:1px solid #dce3ed;padding:9px 14px;background:#fff;color:var(--ink);font-weight:550;font-size:13px;white-space:nowrap}.btn:hover{background:#f6f9fd}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 2px 3px #1877f216}.btn.primary:hover{background:var(--blue-dark)}.btn.ghost{border-color:transparent;background:transparent}.btn.danger{color:var(--red);border-color:#f0d8dc}.btn.full{width:100%}.btn.small{min-height:32px;padding:6px 10px;font-size:12px}.icon-btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:0;background:transparent;border-radius:7px;color:var(--muted)}.icon-btn:hover{background:#edf3fa;color:var(--ink)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:4px 8px;border-radius:5px;background:#eff2f6;color:#64738b;white-space:nowrap;font-weight:550}.badge.blue{background:#e9f2ff;color:#1267d9}.badge.green{background:#e6f6ef;color:#16765c}.badge.amber{background:#fff3da;color:#9b5a08}.badge.red{background:#fff0f1;color:#c6424b}.count{background:#e9edf4;padding:1px 7px;border-radius:5px;font-size:11px}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.card-pad{padding:22px}.card-head{padding:20px 22px 0}.sidebar{width:var(--nav);background:white;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30;padding:24px 12px 16px}.brand{display:flex;gap:10px;align-items:center;padding:0 12px 24px}.mark{width:33px;height:35px;background:var(--blue);color:#fff;font-weight:800;font-size:26px;letter-spacing:0;line-height:1;font-family:Arial,sans-serif;display:flex;align-items:center;justify-content:center;border-radius:9px;padding:0}.brand-name{font-size:19px;font-weight:750;letter-spacing:-.6px}.brand small{font-size:10px;letter-spacing:.5px}.nav-label{font-size:9px;font-weight:650;color:#9ba5b5;letter-spacing:1.7px;padding:10px 14px 8px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;background:transparent;border-radius:7px;color:#596880;text-align:left;margin:3px 0;font-size:13px;font-weight:500}.nav-item .count{margin-left:auto}.nav-item:hover{background:#f6f8fb}.nav-item.active{background:#edf4ff;color:var(--blue);font-weight:650}.sidebar-bottom{margin-top:auto}.agency{font-size:9px;color:#a1adbd;padding:16px 14px 0}.topbar{position:sticky;top:0;z-index:20;height:71px;margin-left:var(--nav);background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between}.global-search{display:flex;gap:10px;align-items:center;color:#93a0b4;width:400px;cursor:pointer;font-size:12px}.key{font-size:10px;border:1px solid var(--line);border-radius:4px;padding:1px 5px;margin-left:auto}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#eef1ff;color:#6975af;display:grid;place-items:center;line-height:1;font-size:12px;font-weight:650}.avatar.large{width:44px;height:44px}.avatar.pink{background:#fcebf0;color:#b9657c}.avatar.mint{background:#e6f4ec;color:#438269}.avatar.sand{background:#fbefd9;color:#a77e41}.user-label{font-size:12px;font-weight:600}.user-label small{display:block;font-size:10px;font-weight:400}.header-divider{height:25px;width:1px;background:var(--line);margin:0 8px}.main{width:calc(100% - var(--nav));max-width:1800px;margin-left:max(var(--nav),calc((100% + var(--nav) - 1800px)/2));margin-right:auto;padding:30px 32px 44px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.page-head p{font-size:12px;color:var(--muted);margin-top:7px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--muted);font-weight:600;margin-bottom:8px}.demo-ribbon{font-size:10px;display:flex;align-items:center;justify-content:center;gap:9px;background:#eef4fd;color:#657d9f;padding:6px 12px;margin-left:var(--nav);border-bottom:1px solid #e4edf9}.demo-ribbon button{font-size:10px;color:var(--blue);padding:0;border:0;background:none}.notice{display:flex;align-items:center;gap:12px;border:1px solid #f3e3be;border-radius:8px;padding:12px 16px;background:#fffbf2;color:#946329;font-size:12px}.notice.info{background:#f0f6ff;border-color:#dae9ff;color:#4e7199}.notice .btn{margin-left:auto}.notice svg{width:17px}.stats{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr;gap:16px;margin:20px 0}.stat{padding:20px;position:relative}.stat-icon{width:33px;height:33px;border-radius:8px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;margin-bottom:18px}.stat .value{font-size:29px;line-height:1.2;font-weight:650;letter-spacing:-1px;margin:5px 0}.stat .label{font-size:11px;color:var(--muted)}.stat .value small{font-size:15px;font-weight:500;color:var(--ink);letter-spacing:0}.stat-note{font-size:10px;color:#9ba5b5;margin-top:7px}.stat-dot{position:absolute;right:18px;top:22px;color:#b0bac7}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:20px}.chart-card{padding:22px}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.chart-legend{display:flex;gap:5px;align-items:center;color:var(--muted);font-size:10px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--blue)}.bar-chart{height:205px;display:flex;gap:9px;padding:16px 4px 24px;align-items:flex-end;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#f0f3f8 45px,#f0f3f8 46px)}.bar-col{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;position:relative}.bar{width:70%;max-width:30px;min-height:3px;border-radius:4px 4px 0 0;background:#408ff7;transition:height .3s}.bar:hover{background:#1168db}.bar-col span{position:absolute;bottom:-23px;font-size:9px;color:#8490a5;white-space:nowrap}.chart-axis{font-size:10px;color:#96a1b2;margin-top:16px}.usage-num{font-size:32px;letter-spacing:-1px;font-weight:650;margin:23px 0 15px}.usage-num span{font-size:17px;color:#9aa5b6;font-weight:400}.progress{height:7px;background:#edf1f7;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:var(--blue);border-radius:20px}.usage-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:9px 0 24px}.rule{height:1px;background:var(--line);margin:18px 0}.lower-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px;margin-top:20px}.metric-line{display:flex;gap:12px;align-items:center;margin:17px 0;font-size:11px}.metric-line .progress{flex:1;height:7px}.metric-line label{width:90px}.metric-line strong{width:40px;text-align:right;font-size:11px;font-weight:500}.task{display:flex;align-items:center;width:100%;gap:10px;background:none;border:0;border-bottom:1px solid #f0f3f7;padding:15px 0;color:var(--ink);font-size:12px}.task:last-child{border:0}.task .count{margin-left:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;font-weight:500;font-size:10px;color:#8290a5;padding:14px 20px;background:#fafbfd;border-bottom:1px solid var(--line)}td{padding:17px 20px;border-bottom:1px solid #eff2f6}tr:last-child td{border:0}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f9fbff}td.right,th.right{text-align:right}.table-title{font-weight:600}.table-sub{font-size:10px;color:#94a0b3;margin-top:3px}.toolbar{display:flex;align-items:center;gap:10px;padding:16px 20px}.search-field{position:relative;max-width:350px;flex:1}.search-field svg{position:absolute;top:12px;left:12px;color:#8c99ac;width:16px}.search-field input{padding-left:37px;font-size:12px}.toolbar select{width:auto;font-size:12px;padding:10px}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:0 20px;overflow:auto;white-space:nowrap}.tab{border:0;border-bottom:2px solid transparent;background:none;padding:17px 0;color:#8290a5;font-size:12px}.tab.active{color:var(--blue);border-color:var(--blue);font-weight:600}.tab .count{margin-left:5px}.thumb{width:46px;height:52px;border-radius:7px;background:#f1f0ee;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.thumb svg{width:90%;height:90%}.thumb.big{width:100%;height:150px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{cursor:pointer}.product-photo{height:180px;display:grid;place-items:center;background:#f1f0ed;position:relative}.product-photo svg{height:145px;width:145px;transition:transform .2s}.product-card:hover .product-photo svg{transform:scale(1.035)}.product-photo .badge{position:absolute;top:12px;left:12px}.product-body{padding:17px 19px}.product-body h3{font-size:14px}.product-price{font-size:13px;font-weight:650;margin:9px 0}.stock-info{font-size:11px;color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:20px}.details{padding:22px}.detail-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;font-size:12px}.detail-line span{color:var(--muted)}.detail-line.total{font-size:16px;border-top:1px solid var(--line);margin-top:8px;padding-top:15px}.balance{padding:14px;border-radius:7px;background:#f1f5fb;font-size:12px}.order-card{padding:20px;margin-bottom:12px}.order-cards{display:none}.empty{padding:55px 25px;text-align:center;color:var(--muted)}.empty svg{width:30px;height:30px;margin-bottom:12px;color:#b3c0d3}.empty h3{color:var(--ink);margin-bottom:6px}.empty p{font-size:12px;max-width:330px;margin:auto auto 18px}.inbox{display:grid;grid-template-columns:290px minmax(280px,1fr) 300px;height:calc(100vh - 160px);min-height:540px}.inbox-list{border-right:1px solid var(--line);overflow-y:auto}.inbox-list-head{padding:20px 16px 12px}.conversation-row{width:100%;background:none;border:0;border-top:1px solid #f0f3f7;padding:17px 16px;text-align:left;display:flex;gap:11px;position:relative}.conversation-row.active{background:#eef5ff}.conversation-row strong{font-size:12px}.conversation-row p{font-size:11px;color:var(--muted);max-width:178px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:4px 0}.conversation-row time{position:absolute;right:14px;top:19px;font-size:9px;color:#97a3b6}.chat-panel{min-width:0;display:flex;flex-direction:column;background:#fff}.chat-header{padding:17px 19px;border-bottom:1px solid var(--line)}.chat-header strong{font-size:13px}.chat-header .badge{font-size:10px}.chat-log{overflow:auto;flex:1;display:flex;flex-direction:column;gap:15px;padding:24px 20px}.message{max-width:88%;align-self:flex-start}.bubble{padding:12px 14px;background:#f1f3f7;border-radius:10px 10px 10px 2px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.message.outgoing{align-self:flex-end}.message.outgoing .bubble{background:#edf5ff;border-radius:10px 10px 2px 10px}.message.note .bubble{background:#fff7df;color:#8f7137}.message time{font-size:9px;color:#96a2b4;margin-top:5px;display:block}.message.outgoing time{text-align:right}.composer{margin:0 16px 16px;border:1px solid #dde5ee;border-radius:8px;overflow:hidden}.composer textarea{border:0;border-radius:0;resize:none;min-height:70px;font-size:12px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}.composer-bottom select{width:125px;padding:5px;border:0;font-size:11px}.context-panel{padding:19px;border-left:1px solid var(--line);overflow:auto}.context-panel h2{margin-bottom:20px}.mobile-order-link{display:none}.payment-grid{display:grid;grid-template-columns:265px minmax(240px,1fr) minmax(300px,1.2fr);gap:18px}.payment-queue{overflow:auto}.queue-item{border:0;border-bottom:1px solid var(--line);background:white;width:100%;text-align:left;padding:20px;cursor:pointer}.queue-item.active{background:#f0f6ff;border-left:2px solid var(--blue)}.queue-item strong{display:block;font-size:13px;margin-bottom:4px}.queue-item .amount{font-weight:650;margin:10px 0}.receipt-stage{background:#f5f7fa;min-height:280px;margin:20px 0;border-radius:7px;display:flex;align-items:center;justify-content:center}.receipt-stage img{max-width:100%;max-height:360px}.receipt-paper{width:190px;padding:22px;background:white;box-shadow:0 4px 20px #1b355b08;text-align:center;border:1px dashed #d7dfe9;position:relative}.receipt-paper .stamp{font-size:26px;color:#cf6b7166;letter-spacing:6px;font-weight:750;transform:rotate(-16deg);margin:25px 0}.form-field{display:block;margin:16px 0}.form-field>span{display:block;margin-bottom:7px;font-size:11px;color:#65758d;font-weight:550}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#61728a;margin:20px 0}.check input{width:16px;height:16px;flex:none;accent-color:var(--blue);margin-top:2px}.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:25px}.settings-nav .nav-item{font-size:12px}.settings-content{max-width:950px}.member-row{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--line)}.member-row .member-meta{flex:1}.member-row strong{font-size:13px}.member-actions{display:flex;gap:6px}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.knowledge-card{padding:24px;cursor:pointer}.knowledge-card h2{margin:16px 0 9px}.knowledge-card p{font-size:12px;color:var(--muted);line-height:1.8;max-height:65px;overflow:hidden}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#eef4fe;padding:65px;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-size:50px;max-width:480px;line-height:1.15;letter-spacing:-2px;margin:60px 0 20px}.login-art p{color:#7085a8;max-width:360px;line-height:1.8}.login-card{display:flex;align-items:center;justify-content:center;background:white;padding:35px}.login-inner{width:360px}.login-inner h1{margin-bottom:10px}.login-inner form{margin-top:30px}.login-note{margin-top:22px;font-size:11px;color:var(--muted);text-align:center}.error-text{color:var(--red);font-size:12px;margin:12px 0}.boot{height:100vh;display:grid;place-items:center;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:12px;padding:0;max-width:min(650px,95vw);width:650px;max-height:90vh;color:var(--ink);box-shadow:0 20px 100px #12274b25}dialog::backdrop{background:#152a4855;backdrop-filter:blur(3px)}.modal-head{padding:22px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:1}.modal-body{padding:8px 25px 25px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.modal-actions .btn{min-width:100px}.preview-note{font-size:11px;color:#8290a6;margin:12px 0}.stock-row{display:grid;grid-template-columns:1fr 80px 100px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.stock-row small{display:block}#toasts{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;display:grid;gap:8px}.toast{border:1px solid #dbe7df;background:#fff;box-shadow:0 7px 30px #20314b14;padding:13px 20px;border-radius:8px;color:var(--green);font-size:13px;min-width:240px;max-width:85vw}.toast.error{color:var(--red);border-color:#eed5d8}.mobile-nav,.mobile-only{display:none}.footer-note{font-size:10px;color:#91a0b5;margin-top:18px}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.more-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:9px;text-align:left;color:var(--ink);display:flex;align-items:center;gap:12px}.hidden{display:none!important}.mini-chart{display:flex;align-items:flex-end;gap:7px;height:86px;margin-top:25px}.mini-chart i{flex:1;background:#d9e9ff;border-radius:4px 4px 0 0}.mini-chart i:nth-child(3n){background:#68a5f6}.spark-caption{display:flex;justify-content:space-between;color:#94a2b5;font-size:9px;margin-top:9px} @media(min-width:1600px){.main{padding-left:45px;padding-right:45px}.inbox{grid-template-columns:310px minmax(300px,1fr) 330px}} @media(max-width:1200px){:root{--nav:185px}.main{padding:25px 22px}.topbar{padding:0 22px}.stats{gap:12px}.stat{padding:17px}.stat .value{font-size:24px}.inbox{grid-template-columns:250px minmax(300px,1fr)}.context-panel{display:none}.mobile-order-link{display:block}.payment-grid{grid-template-columns:230px minmax(300px,1fr)}.receipt-column{display:none}.payment-form .mobile-receipt{display:block!important}.lower-grid{grid-template-columns:1fr 1fr}.lower-grid>div:first-child{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:800px){:root{--nav:0px}.sidebar,.global-search,.user-label,.header-divider{display:none}.topbar{height:63px;padding:0 18px}.topbar .mobile-brand{display:flex!important}.topbar .mark{width:29px;height:30px;font-size:23px}.topbar .brand-name{font-size:18px}.demo-ribbon{font-size:9px;padding:6px 9px}.main{padding:23px 16px 96px}.page-head{margin-bottom:20px;align-items:flex-start}.page-head h1{font-size:25px}.page-head p{font-size:11px;max-width:230px}.page-head .actions{flex-wrap:wrap;justify-content:flex-end}.page-head .actions .btn{min-height:36px;font-size:11px;padding:7px 10px}.eyebrow{font-size:9px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.stat{padding:16px}.stat:nth-child(3){grid-column:1/-1;grid-row:1}.stat:nth-child(4){display:none}.stat:nth-child(3) .stat-icon{float:left;margin-right:12px;margin-bottom:25px}.stat .stat-icon{width:28px;height:28px;margin-bottom:12px}.stat .value{font-size:25px}.stat .label{font-size:11px}.stat-note{font-size:9px}.stat-dot{display:none}.dashboard-grid{grid-template-columns:1fr;gap:16px}.chart-card,.card-pad{padding:18px}.bar-chart{height:170px}.lower-grid{grid-template-columns:1fr;gap:16px}.lower-grid>div:first-child{display:none}.usage-num{margin:17px 0 12px;font-size:28px}.usage-meta{margin-bottom:16px}.notice{font-size:11px;padding:11px 12px;gap:8px}.notice .btn{padding:5px 8px;font-size:11px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fffffffa;border-top:1px solid var(--line);padding:7px 9px max(8px,env(safe-area-inset-bottom));justify-content:space-around;backdrop-filter:blur(12px)}.mobile-nav button{border:0;background:none;min-width:55px;min-height:48px;color:#8793a6;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:9px;position:relative}.mobile-nav button.active{color:var(--blue);font-weight:650}.mobile-nav button.active:before{content:'';position:absolute;top:-8px;height:2px;width:20px;border-radius:0 0 4px 4px;background:var(--blue)}.mobile-nav .nav-count{position:absolute;top:-1px;right:6px;color:#fff;background:#e86975;border:2px solid white;border-radius:9px;font-size:8px;padding:0 4px}.mobile-only{display:flex}.desktop-only{display:none!important}.toolbar{padding:14px;gap:8px;flex-wrap:wrap}.toolbar .search-field{max-width:none;min-width:160px}.toolbar select{max-width:150px}.tabs{padding:0 16px;gap:20px}.tab{font-size:11px;min-height:48px}.order-table{display:none}.order-cards{display:block}.order-card .detail-line{font-size:12px}.order-card .btn{min-height:44px}.product-grid{gap:12px}.product-photo{height:135px}.product-photo svg{height:110px;width:110px}.product-body{padding:13px}.product-body h3{font-size:12px}.product-price{font-size:12px}.product-photo .badge{font-size:9px;left:8px;top:8px}.stock-info{font-size:10px}.split{grid-template-columns:1fr}.knowledge-grid{grid-template-columns:1fr}.knowledge-card{padding:20px}.settings-layout{grid-template-columns:1fr;gap:15px}.settings-nav{display:flex;gap:5px;overflow:auto}.settings-nav .nav-item{width:auto;white-space:nowrap;padding:10px;font-size:11px}.settings-nav .nav-item svg{display:none}.member-row{flex-wrap:wrap;padding:16px;gap:10px}.member-actions{margin-left:44px;flex-wrap:wrap}.member-actions .btn{min-height:36px}.inbox{display:block;min-height:0;height:calc(100dvh - 176px);border:0;border-radius:0;background:none}.inbox-list{height:100%;border:1px solid var(--line);border-radius:9px;background:white}.inbox-list-head{padding:18px}.conversation-row{padding:20px 17px;min-height:96px}.conversation-row strong{font-size:14px}.conversation-row p{font-size:12px;max-width:230px}.conversation-row time{font-size:10px}.chat-panel{display:none}.chat-open .chat-panel{display:flex;position:fixed;inset:0;z-index:50;height:100dvh}.chat-open .chat-header{padding:12px}.chat-log{padding:20px 16px}.bubble{font-size:14px}.message time{font-size:10px}.composer{margin:0 12px max(12px,env(safe-area-inset-bottom))}.composer textarea{font-size:14px;min-height:60px}.chat-header .btn{font-size:10px;padding:7px 8px;min-height:38px}.payment-grid{display:block}.payment-queue{display:grid;grid-template-columns:1fr;border-radius:9px}.queue-item{padding:20px}.queue-item .amount{margin:7px 0}.payment-form{display:none}.payment-open .payment-form{display:block;position:fixed;inset:0;z-index:50;border:0;border-radius:0;overflow:auto;padding:22px 18px 30px}.payment-form .btn{min-height:46px}.payment-form .form-field>span{font-size:12px}.payment-form .mobile-receipt{display:block!important}.login-layout{grid-template-columns:1fr}.login-art{display:none}.login-card{min-height:100vh;padding:28px}.login-inner{width:100%;max-width:370px}.form-grid{grid-template-columns:1fr}.modal-body{padding:4px 20px 22px}.modal-head{padding:18px 20px}.modal-actions .btn{min-height:44px}dialog{width:calc(100vw - 24px);max-width:600px;max-height:90dvh}.table-wrap{font-size:11px}td,th{padding:13px 14px}.stock-row{grid-template-columns:1fr 62px 88px;font-size:12px}#toasts{bottom:90px}.more-grid{grid-template-columns:1fr}.more-card{padding:21px}.btn{min-height:42px}} @media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}} .product-photo img,.thumb.big img{width:100%;height:100%;object-fit:cover} /* Multi-channel workspace */ .channel-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 36px;margin-bottom:28px;border:1px solid #dbe7f7;border-radius:14px;background:linear-gradient(115deg,#f1f7ff,#fff 75%)}.channel-intro h2{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:12px 0}.channel-intro p{font-size:13px;line-height:1.8;color:var(--muted);max-width:460px}.channel-summary{min-width:150px;border-left:1px solid #dce5f1;padding-left:40px}.channel-summary>strong{display:block;font-size:42px;font-weight:600;letter-spacing:-2px}.channel-summary>strong span{font-size:23px;color:#8c9ab0;font-weight:400}.channel-summary>span{font-size:12px;color:var(--muted)}.mini-marks{display:flex;gap:8px;margin-top:16px}.mini-marks .channel-mark{width:27px;height:27px;border-radius:8px}.mini-marks .channel-mark svg{width:17px;height:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.section-heading p{margin-top:6px}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.connection-card{padding:24px;display:flex;flex-direction:column;border-radius:12px}.channel-mark{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;flex-shrink:0}.channel-mark svg{width:25px;height:25px;fill:currentColor}.channel-mark .mark-line{fill:white;stroke:white;stroke-width:.5}.channel-mark.messenger{background:#eaf2ff;color:#1877f2}.channel-mark.telegram{background:#e7f6fd;color:#229ed9}.channel-mark.tiktok{background:#f0f1f4;color:#20232a}.connection-card h3{font-size:19px;margin:20px 0 10px;letter-spacing:-.3px}.channel-description{color:var(--muted);font-size:12px;line-height:1.8;min-height:64px}.channel-facts{padding:18px 0;margin-top:10px;border-top:1px solid var(--line);font-size:11px;display:grid;gap:16px}.channel-facts>div{display:grid;gap:5px}.channel-facts span{color:var(--muted)}.channel-facts strong{font-weight:500;overflow-wrap:anywhere}.channel-card-footer{margin-top:auto;padding-top:14px}.channel-warning{font-size:11px;color:#a56208;margin:8px 0}.channel-bottom{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin-top:24px}.assistant-card{padding:24px;position:relative;border-radius:12px}.assistant-card>.badge{margin:18px 0 0 48px}.assistant-card .row{align-items:flex-start}.assistant-card .sub{margin-top:6px;line-height:1.7}.assistant-symbol{width:34px;height:34px;background:#f0edfc;color:#7a64ac;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.assistant-notes{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px;flex-wrap:wrap}.assistant-notes span{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.assistant-notes svg{width:14px;height:14px}.channel-help{padding:18px 8px}.channel-help h3{font-size:14px}.channel-help p{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0}.channel-help .btn{padding-left:0}.connection-modal-top{display:flex;align-items:center;gap:13px;padding:22px 0}.connection-modal-top>.badge{margin-left:auto}.connection-modal-top p{margin-top:5px}.setup-steps{list-style:none;padding:0;margin:0 0 22px}.setup-steps li{display:flex;gap:14px;padding:12px 0}.setup-steps li>span{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#eef4fc;color:var(--blue);border-radius:50%;font-size:11px;flex-shrink:0}.setup-steps strong{font-size:13px}.setup-steps p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:5px}.webhook-box{border:1px solid var(--line);padding:16px;border-radius:9px;background:#f8fafc}.webhook-box label{font-size:11px;color:var(--muted);display:block}.webhook-box code{font-size:11px;display:block;overflow-wrap:anywhere;line-height:1.8;margin:10px 0}.connection-technical{padding:16px 0;font-size:12px}.connection-technical summary{cursor:pointer;font-weight:600}.connection-technical p{line-height:1.8;color:var(--muted);margin:10px 0}.connection-technical code{line-height:1.9;font-size:11px;overflow-wrap:anywhere}.setting-switch{display:flex;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-switch div{flex:1}.setting-switch strong{font-size:13px;display:block}.setting-switch span{display:block;font-size:11px;color:var(--muted);line-height:1.8;margin-top:4px}.setting-switch input{width:19px;height:19px;accent-color:var(--blue)}.connection-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.connection-check,.integration-gate{display:flex;gap:12px;padding:16px;background:#fff8ed;border:1px solid #f0e0c8;border-radius:8px;margin:18px 0;font-size:12px;line-height:1.8}.connection-check.passed{background:#f0f8f3;border-color:#d8eade}.connection-check p,.integration-gate p{margin-top:5px;color:var(--muted)}.connection-check svg,.integration-gate svg{flex-shrink:0}.integration-gate a{display:inline-block;margin-top:12px;color:var(--blue)}.inbox-channel-select{display:flex;gap:10px;align-items:center;margin-bottom:14px;font-size:11px;color:var(--muted)}.inbox-channel-select select{font-size:12px;padding:7px;min-width:0}.conversation-channel{display:block;font-size:9px;color:#7b899e;margin-top:3px}.conversation-row{align-items:flex-start}.composer-status{font-size:11px;color:#95600c;margin-bottom:10px}.btn:disabled{opacity:.48;cursor:not-allowed}:focus-visible{outline:3px solid #91bfff;outline-offset:3px}.settings-content{min-width:0}.settings-content .channel-grid{grid-template-columns:1fr}.settings-content .channel-intro{padding:24px}.settings-content .channel-bottom{grid-template-columns:1fr}.settings-content .channel-description{min-height:0} @media(max-width:1100px){.channel-grid{gap:12px}.connection-card{padding:19px}.connection-card .between{align-items:flex-start;gap:10px;flex-direction:column}.channel-bottom{grid-template-columns:1fr}.channel-help{padding:10px}.channel-description{min-height:86px}} @media(max-width:800px){.channel-intro{padding:23px;gap:20px;margin-bottom:24px}.channel-intro h2{font-size:24px}.channel-intro p{font-size:12px}.channel-summary{min-width:80px;padding-left:18px}.channel-summary>strong{font-size:34px}.channel-summary>span{font-size:10px}.mini-marks{gap:5px}.mini-marks .channel-mark{width:22px;height:22px}.channel-grid{grid-template-columns:1fr;gap:14px}.connection-card{padding:22px}.connection-card .between{flex-direction:row;align-items:center}.channel-description{min-height:0}.channel-facts{grid-template-columns:1fr 1fr}.channel-intro .eyebrow{font-size:8px}.section-heading>.badge{display:none}.assistant-card{padding:21px}.channel-bottom{gap:12px}.assistant-notes{gap:12px}.connection-modal-top{gap:10px;flex-wrap:wrap}.connection-modal-top>.badge{font-size:10px}.inbox-list{overflow:auto}.inbox-list-head{position:sticky;top:0;z-index:2;background:white}.setting-switch{min-height:68px}} @media(max-width:400px){.channel-intro{display:block}.channel-summary{display:none}.connection-card .badge{font-size:9px}} /* UI refinement: Settings-owned connections and explicit inbox identities. */ svg.icon{overflow:hidden} .channel-chip{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:600;line-height:1.2;white-space:nowrap;border:1px solid transparent} .channel-chip.messenger{color:#155ac0;background:#eaf2ff;border-color:#d7e6ff}.channel-chip.telegram{color:#086b92;background:#e7f6fc;border-color:#cbeaf5}.channel-chip.tiktok{color:#30343d;background:#eff0f3;border-color:#dce0e6}.channel-chip.other{color:#566174;background:#f1f3f6} .channel-chip .channel-mark,.channel-filter .channel-mark{width:16px;height:16px;min-width:16px;border-radius:0;background:none;color:inherit}.channel-chip .channel-mark svg,.channel-filter .channel-mark svg{width:15px;height:15px;display:block}.channel-chip .channel-mark .mark-line,.channel-filter .channel-mark .mark-line{fill:white;stroke:white} .inbox-heading-count{color:#78869b;font-size:11px}.channel-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 16px}.channel-filter{display:flex;align-items:center;gap:6px;min-height:36px;padding:8px;border:1px solid #e1e7f0;border-radius:7px;background:#fff;font-size:10px;font-weight:500;color:#536179;cursor:pointer;text-align:left}.channel-filter>span:not(.channel-mark):not(.filter-count){flex:1}.channel-filter svg.icon{width:15px;height:15px}.filter-count{font-size:9px;background:#f0f3f7;padding:2px 5px;border-radius:4px;color:#65738a}.channel-filter.messenger .channel-mark{color:#1877f2}.channel-filter.telegram .channel-mark{color:#168cb4}.channel-filter.tiktok .channel-mark{color:#242832}.channel-filter:hover{background:#f7f9fc;border-color:#cbd6e6}.channel-filter.is-selected{border-color:#8bb7ef;background:#edf4ff;color:#174f99;box-shadow:0 0 0 1px #c9dfff}.channel-filter.is-selected .filter-count{background:#dceaff;color:#174f99} .inbox-list-head{background:#fff;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--line)}.conversation-row{padding:17px 15px;gap:10px;border-top:0;border-bottom:1px solid #edf1f6;align-items:flex-start;min-height:112px}.conversation-row.active{background:#f0f6ff;box-shadow:inset 3px 0 #1877f2}.conversation-row>.avatar{width:32px;height:32px;min-width:32px;font-size:11px;margin-top:1px}.conversation-content{min-width:0;flex:1}.conversation-title{display:flex;gap:8px;align-items:baseline;justify-content:space-between}.conversation-title strong{font-size:12px;font-weight:650;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-row .conversation-title time{position:static;flex-shrink:0;font-size:9px;color:#7d899b;margin:0;line-height:1.5}.conversation-row p.conversation-preview{max-width:none;font-size:11px;color:#66758b;line-height:1.7;margin:5px 0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.handling-label{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#66758b;white-space:nowrap}.handling-label i{height:5px;width:5px;border-radius:50%;background:#94a1b5}.handling-label.human i{background:#ce932e}.handling-label.ai i{background:#7f77c8}.handling-label.resolved i{background:#36a180}.chat-channel-identity{margin-top:6px}.chat-channel-identity .channel-chip{font-size:10px}.chat-header .row>div{min-width:0}.chat-header .between>.row{min-width:0} .channel-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.channel-settings-heading h2{font-size:20px;letter-spacing:-.4px}.channel-settings-heading p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:6px}.settings-channel-list{display:grid;gap:14px}.settings-channel-card{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:22px 24px;gap:18px;border-radius:10px}.connection-platform{display:flex;align-items:center;gap:13px;min-width:0}.connection-platform h3{font-size:15px;letter-spacing:-.2px}.connection-platform p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:4px}.connection-state{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:7px}.connection-state>span:not(.badge){font-size:10px;color:var(--muted)}.connection-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:14px}.connection-bottom p{font-size:10px;color:#7a879b;line-height:1.8}.connection-bottom .btn{min-width:92px}.settings-assistant{margin-top:22px}.settings-assistant .between{gap:18px;align-items:flex-start}.settings-assistant h2{font-size:14px}.settings-assistant .sub{font-size:11px;max-width:340px}.settings-nav svg.icon{width:18px;height:18px} @media(min-width:1201px){.inbox{grid-template-columns:300px minmax(270px,1fr) 285px}} @media(min-width:1600px){.inbox{grid-template-columns:330px minmax(300px,1fr) 330px}} @media(min-width:801px) and (max-width:1200px){.inbox{grid-template-columns:290px minmax(270px,1fr)}} @media(max-width:800px){.conversation-row{padding:18px 17px;min-height:115px}.conversation-title strong{font-size:14px}.conversation-row p.conversation-preview{font-size:12px}.conversation-row .conversation-title time{font-size:10px}.channel-chip{font-size:11px}.handling-label{font-size:10px}.channel-filter{font-size:12px;padding:10px;min-height:42px}.filter-count{font-size:10px}.channel-filters{gap:8px}.settings-channel-card{padding:18px;gap:16px}.connection-platform{gap:10px}.connection-platform h3{font-size:14px}.connection-platform p{font-size:10px}.settings-channel-card .channel-mark{width:36px;height:36px;border-radius:10px}.settings-channel-card .channel-mark svg{width:22px;height:22px}.connection-state .badge{font-size:9px}.connection-state>span:not(.badge){font-size:9px;max-width:120px;text-align:right}.settings-assistant .between{flex-wrap:wrap}.settings-nav .nav-item svg.icon{display:block}.channel-settings-heading h2{font-size:18px}.channel-settings-heading>.badge{white-space:nowrap}.chat-header .channel-chip{font-size:10px}} @media(max-width:380px){.settings-channel-card{grid-template-columns:1fr}.connection-state{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.connection-state>span:not(.badge){text-align:left}.connection-bottom .btn{min-width:78px}.channel-settings-heading{align-items:flex-start}} /* v1.2 operational settings: restrained hierarchy, clear actions and responsive forms. */ .fulfillment-overview{display:flex;align-items:center;gap:14px;margin:0 0 22px}.fulfillment-step{display:flex;align-items:center;gap:15px;flex:1;text-align:left;background:#fff;border:1px solid var(--border,#e3e8ef);border-radius:14px;padding:20px;cursor:pointer;color:var(--text)}.fulfillment-step:hover,.fulfillment-step.active{border-color:#1877f2;background:#f5f9ff}.fulfillment-step small{display:block;color:#67758b;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:6px}.fulfillment-step strong{font-size:16px}.fulfillment-step b{margin-left:auto;font-size:28px;font-weight:600;color:#1877f2}.step-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef5ff;color:#1877f2}.flow-arrow{color:#8b99ad}.settings-section{margin-top:24px}.settings-save{border-top:1px solid #e8edf3;margin-top:24px;padding-top:18px}.settings-editor{margin-top:24px}.settings-editor textarea{width:100%;margin-top:12px;line-height:1.8;resize:vertical;min-height:100px}.settings-editor h3,.notification-layout h3{font-size:13px;margin-bottom:7px}.policy-strip{display:flex;gap:12px;background:#f3f7fc;border-radius:10px;padding:16px;margin-top:24px;color:#53657c;font-size:12px;line-height:1.7}.policy-strip svg{flex-shrink:0}.account-approvals{padding:12px 16px;background:#f7f9fc;border-radius:10px}.account-approvals small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.notification-layout{display:grid;grid-template-columns:minmax(320px,1.5fr) minmax(260px,1fr);gap:22px;align-items:start}.notification-side{display:grid;gap:20px}.notification-options{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.notification-option{display:flex;align-items:flex-start;gap:10px;border:1px solid #e6ebf2;border-radius:10px;padding:14px;cursor:pointer;min-height:88px}.notification-option:has(input:checked){background:#f6f9ff;border-color:#cbdffc}.notification-option input{width:16px;height:16px;margin:2px 0 0;flex-shrink:0;accent-color:#1877f2}.notification-option strong{font-size:12px}.notification-option small{display:block;color:#6b788c;font-size:11px;line-height:1.6;margin-top:5px}.telegram-preview{background:#edf3f8;border-radius:14px;padding:16px}.telegram-preview>.row{font-size:12px;margin-bottom:12px}.notification-bubble{padding:16px;border-radius:4px 14px 14px 14px;background:white;font-size:12px;line-height:1.9;color:#263448;overflow-wrap:anywhere}.notification-bubble p{margin:12px 0}.notification-bubble>span{display:block;text-align:center;border-top:1px solid #edf1f6;color:#1877f2;font-weight:600;padding-top:10px}.notification-log{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf1f6}.notification-log strong{font-size:12px}.notification-log small{display:block;font-size:10px;color:#7b8798;margin-top:4px}.quiet-empty{background:#f7f9fc;padding:25px;text-align:center;font-size:12px;color:#718096;border-radius:10px}.setting-switch input{accent-color:#1877f2}.notification-layout .eyebrow{font-size:10px;letter-spacing:1.5px;color:#748399;font-weight:700}:focus-visible{outline:3px solid #9cc8ff;outline-offset:3px}.settings-content{min-width:0} @media(max-width:1200px){.notification-layout{grid-template-columns:1fr}.notification-side{grid-template-columns:1fr 1fr}.notification-options{grid-template-columns:1fr 1fr}.settings-nav{min-width:160px}} @media(max-width:800px){.notification-side{grid-template-columns:1fr}.notification-options{grid-template-columns:1fr}.notification-option{min-height:72px}.fulfillment-overview{gap:7px}.fulfillment-step{padding:14px 11px;gap:9px}.fulfillment-step strong{font-size:12px}.fulfillment-step small{font-size:8px}.fulfillment-step b{font-size:22px}.step-symbol{display:none}.flow-arrow .icon{width:15px}.settings-save .row{flex-wrap:wrap}.notification-layout{grid-template-columns:minmax(0,1fr)}.settings-editor textarea{font-size:14px}.settings-nav{min-width:0}.settings-section .between{gap:12px}} @media(max-width:800px){.settings-nav{scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}} /* Automation settings */ .automation-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.automation-heading h2{font-size:26px;margin:7px 0}.automation-hero{padding:26px;margin-bottom:20px;background:linear-gradient(125deg,#fff 35%,#f0f5ff)}.automation-title{display:flex;align-items:center;gap:16px}.automation-title h3{font-size:19px;margin:0 0 5px}.automation-title p{color:#64748b;margin:0}.automation-logo{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#fff0ef;color:#d64954;font-weight:800;font-size:22px;flex-shrink:0}.automation-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0;padding:17px;background:#fff;border:1px solid #e3eaf3;border-radius:12px;font-size:13px;font-weight:600}.automation-flow .icon{color:#94a3b8;width:16px;flex-shrink:0}.automation-checkline{display:flex;justify-content:space-between;align-items:center;gap:20px}.automation-checkline p{color:#64748b;font-size:13px;margin:6px 0;max-width:490px;line-height:1.6}.automation-checkline small{color:#64748b}.automation-checkline .btn{flex-shrink:0}.automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.automation-grid h3{margin:0}.automation-grid .sub{margin:12px 0;line-height:1.7}.index-count{display:flex;align-items:baseline;gap:8px;margin:20px 0 8px}.index-count strong{font-size:32px}.index-count span{font-size:12px;color:#64748b}.automation-grid progress{width:100%;height:7px;accent-color:#1877f2;border:0}.automation-search form{margin-top:20px}.automation-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.search-result-heading{display:flex;align-items:center;gap:12px;margin:22px 0 12px}.search-result-card{padding:18px 0;border-top:1px solid #e5eaf0}.search-result-card p{color:#64748b;line-height:1.7;font-size:13px;white-space:pre-wrap;max-height:150px;overflow:auto}.search-variants{display:flex;flex-wrap:wrap;gap:6px}.automation-link{display:flex;justify-content:flex-end;margin:-8px 0 24px}.automation-search .form-field input{min-width:0;width:100%} @media(max-width:1000px){.automation-grid{grid-template-columns:1fr}.automation-checkline{align-items:flex-start;flex-direction:column}.automation-heading{align-items:flex-start}} @media(max-width:600px){.automation-hero{padding:18px}.automation-heading{flex-direction:column;gap:12px}.automation-flow{font-size:11px;gap:6px;padding:13px 9px}.automation-filters{grid-template-columns:1fr}.automation-title h3{font-size:16px}.automation-logo{width:46px;height:46px}.automation-grid{gap:14px}.automation-search .between{align-items:flex-start}.index-count{flex-wrap:wrap}} /* Settings share one centered frame within the workspace. */ .main.main-settings{--settings-width:1280px;max-width:var(--settings-width);margin-left:max(var(--nav),calc((100% + var(--nav) - var(--settings-width))/2));padding-left:32px;padding-right:32px} .main-settings>.notice{margin-bottom:24px} .main-settings .settings-layout{grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start} .main-settings .settings-content{max-width:none;width:100%;min-width:0} .main-settings .settings-nav{position:sticky;top:95px;min-width:0} .main-settings .settings-content>*{min-width:0} .technical-stack{display:grid;gap:20px;min-width:0} .technical-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start} .technical-grid>.card{min-width:0} .technical-intro h2{font-size:20px} .technical-plan h2,.technical-workflow h2,.technical-webhooks>h2{font-size:16px} .technical-plan .detail-line:first-of-type{margin-top:16px} .technical-plan .settings-save .btn{width:100%} .technical-stack .settings-section{margin-top:0} .technical-stack .notice{display:block;line-height:1.8;overflow-wrap:anywhere} .technical-stack .sub{line-height:1.75} .technical-stack .btn{min-height:40px} .technical-stack .setting-switch{gap:16px} .technical-stack .setting-switch input{flex-shrink:0} .webhook-grid{display:grid;gap:24px;margin-top:20px} .webhook-panel+.webhook-panel{border-top:1px solid var(--line);padding-top:24px} .webhook-panel .between{flex-wrap:wrap} .webhook-panel input[readonly]{background:#f7f9fc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;cursor:text} .webhook-panel .sub{overflow-wrap:anywhere} @media(min-width:801px) and (max-width:1150px){.main.main-settings{padding-left:24px;padding-right:24px}.main-settings .settings-layout{grid-template-columns:160px minmax(0,1fr);gap:20px}.technical-grid{grid-template-columns:minmax(0,1fr)}} @media(max-width:800px){.main.main-settings{width:100%;max-width:none;margin-left:0;margin-right:0;padding:23px 16px 96px}.main-settings .settings-layout{grid-template-columns:minmax(0,1fr);gap:20px}.main-settings .settings-nav{position:static;display:flex;overflow-x:auto;gap:6px;padding-bottom:3px}.main-settings .settings-nav .nav-item{flex:0 0 auto;min-height:44px}.main-settings .page-head p{max-width:none}.technical-grid{grid-template-columns:minmax(0,1fr)}.technical-stack{gap:16px}.technical-stack .card-pad{padding:20px}.technical-intro .between{align-items:flex-start}.technical-intro h2{font-size:18px}.webhook-panel .row{gap:8px}.webhook-panel .row .btn{flex:1 1 auto}.technical-plan .detail-line{flex-wrap:wrap}} /* Workspace 1.5: bounded media and stable composer */ .product-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),320px))!important;gap:22px;justify-content:start} .product-photo{height:auto!important;aspect-ratio:5/4;background:#f4f6f9;overflow:hidden}.product-photo img,.thumb.big img{width:100%;height:100%;object-fit:contain!important}.thumb.big{height:min(55vh,480px)!important;background:#f4f6f9}.photo-gallery{display:flex;gap:10px;overflow-x:auto;padding:10px 0}.photo-gallery img{width:100px;height:110px;object-fit:contain;border-radius:10px;background:#f4f6f9}.receipt-inline{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:18px auto}.filter-count,.task .count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 6px;border-radius:7px;background:#e9efff;color:#2454ba;font-weight:700;margin-left:8px}.inbox{height:calc(100dvh - 150px)!important;min-height:400px!important;overflow:hidden}.chat-panel{display:flex!important;flex-direction:column;min-height:0!important;overflow:hidden}.chat-header,.composer{flex-shrink:0}.chat-log{flex:1;min-height:0!important;overflow-y:auto!important}.composer{position:relative!important;background:white;border-top:1px solid #e7ecf3;padding:14px!important}.composer textarea{min-height:70px;max-height:160px;resize:vertical}.inbox-list,.context-panel{min-height:0;overflow-y:auto}.settings-layout{max-width:1180px;margin-inline:auto}.product-upload-preview{display:flex;gap:10px;flex-wrap:wrap}.product-upload-preview img{width:100px;height:110px;object-fit:contain}.conversation-row{position:relative}@media(max-width:700px){.inbox{height:calc(100dvh - 120px)!important}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.product-photo{height:auto!important}} .composer-media{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.composer-media input[type=file]{width:150px;font-size:11px}.receipt-stage img{max-width:100%;max-height:60vh;object-fit:contain}.mobile-receipt{display:block!important}@media(min-width:1200px){.payment-grid .mobile-receipt{display:none!important}} .notification-item{text-align:left;border:1px solid #e4eaf2;border-radius:12px;padding:14px;background:white;display:grid;gap:8px}.notification-item span{white-space:pre-line;font-size:13px}.notification-item.unread{background:#edf4ff;border-color:#b7d2ff}.notification-count{position:absolute;right:-6px;top:-5px;min-width:18px;height:18px;border-radius:5px;background:#2362dc;color:white;font-size:10px;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0 4px;font-variant-numeric:tabular-nums;pointer-events:none}.topbar .icon-btn{position:relative}.filter-count:empty{display:none} .chat-selection{width:16px!important;height:16px!important;min-width:16px;flex:0 0 16px;margin:0!important;padding:0!important;align-self:center}.conversation-row{gap:10px!important}.conversation-content{min-width:0;flex:1}.composer-media label{cursor:pointer}.composer-media input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.composer-media{gap:8px}.composer textarea{border:1px solid #e3e9f2;border-radius:12px;min-height:60px;max-height:140px}.composer-status{font-size:11px}.composer-bottom{margin-top:4px}.inbox-list>[data-action=delete-chats]{margin:8px 16px}.notification-item:hover{border-color:#1877f2}.photo-gallery img:hover{outline:2px solid #1877f2} .attachment-preview img{max-width:110px;max-height:80px;object-fit:contain;border-radius:8px}.attachment-preview audio{height:34px;max-width:100%}.product-upload-preview label{display:flex;align-items:center;gap:5px;font-size:12px}.product-upload-preview input{width:14px;height:14px}.product-upload-preview>div{border:1px solid #e5ebf4;border-radius:10px;padding:6px}.product-upload-preview{margin:12px 0} /* Product workspace: bounded media, direct editing and inline categories. */ #dialog:has(#product-form){width:min(1080px,calc(100vw - 32px));max-width:1080px;max-height:92dvh;padding:0;border-radius:20px} #dialog:has(#product-form) .modal-head{padding:24px 28px;border-bottom:1px solid #e6e9ee;margin:0} #dialog:has(#product-form) .modal-body{padding:0} #product-form .pe-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:24px;padding:26px;background:#f7f8fa} #product-form .pe-main,#product-form .pe-side{min-width:0;display:flex;flex-direction:column;gap:20px} #product-form .pe-section{padding:22px;border:1px solid #e3e7ed;border-radius:14px;background:white;min-width:0} #product-form h3{margin:0 0 18px;font-size:15px}#product-form .sub{font-size:12px;line-height:1.6} #product-form .form-grid{align-items:start;gap:16px}#product-form .form-field{margin-bottom:18px} #product-form textarea{min-height:126px;resize:vertical}#product-form .modal-actions{position:sticky;bottom:0;margin:0;background:white;padding:18px 28px;border-top:1px solid #e3e7ed;z-index:3} #product-form #form-error:not(:empty){padding:12px 28px;margin:0} #product-form .pe-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0} #product-form .pe-photo{position:relative;min-width:0;border:1px solid #e3e7ed;border-radius:12px;overflow:hidden;background:#f8fafc} #product-form .pe-photo:has(input:checked){border:2px solid #2563eb} #product-form .pe-photo img{width:100%;height:138px;object-fit:contain;display:block;padding:10px} #product-form .pe-x{display:grid;place-items:center;width:32px;height:32px;min-width:32px;border:1px solid #d9dfe7;border-radius:50%;background:white;color:#334155;font-size:22px;cursor:pointer} #product-form .pe-photo>.pe-x{position:absolute;right:5px;top:5px}#product-form .pe-x:hover{color:#b42318;background:#fff1f0} #product-form .pe-cover{display:flex;align-items:center;justify-content:center;gap:7px;background:white;border-top:1px solid #e3e7ed;padding:9px;font-size:12px;cursor:pointer}#product-form .pe-cover input{width:15px;height:15px;margin:0} #product-form .pe-drop{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 12px;border:1px dashed #a8b6cb;border-radius:12px;background:#f8faff;color:#334155;cursor:pointer}#product-form .pe-drop:hover{border-color:#2563eb;background:#eff6ff}#product-form .pe-drop span{font-size:12px;color:#64748b} #product-form .pe-category{position:relative}#product-form .pe-category-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 12px;background:white;border:1px solid #d1d8e2;border-radius:8px;text-align:left;font:inherit} #pe-category-panel{position:absolute;z-index:10;top:100%;left:0;width:max(100%,280px);max-width:calc(100vw - 65px);padding:12px;background:white;border:1px solid #dce2eb;border-radius:12px;box-shadow:0 12px 28px #172b4d20} #pe-category-list{max-height:190px;overflow:auto;margin:8px 0}.pe-category-row{display:flex;align-items:center;gap:6px;padding:3px}.pe-category-row>button:first-child{flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:10px;border-radius:6px;font:inherit;overflow-wrap:anywhere;cursor:pointer}.pe-category-row>button:first-child:hover{background:#eff6ff} #pe-category-create,#pe-category-confirm{padding:10px 0;border-top:1px solid #e3e7ed;margin-top:8px}#pe-category-create button{margin-top:8px}#pe-category-confirm p{font-size:12px;line-height:1.6} #product-form .stock-row{flex-wrap:wrap;gap:8px}#product-form .stock-row small{overflow-wrap:anywhere}#product-form button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px} @media(max-width:760px){#dialog:has(#product-form){width:calc(100vw - 16px);max-height:96dvh;border-radius:14px}#product-form .pe-layout{grid-template-columns:1fr;padding:14px;gap:16px}#product-form .pe-section{padding:16px}#product-form .form-grid{grid-template-columns:1fr}#dialog:has(#product-form) .modal-head{padding:18px}#product-form .modal-actions{padding:14px 18px}#product-form .pe-photo img{height:108px}} /* Quiet inbox selection and compact icon composer. */ .chat-selection-bar[hidden],.attachment-tray[hidden]{display:none!important} .chat-selection-bar{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#eef5ff;border-bottom:1px solid #d9e7fc} .selection-count{flex:1;font-size:12px;font-weight:600;color:#2869b8}.chat-selection-bar .selection-delete{color:#bf3444} .conversation-row{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y} .conversation-row.is-selected{background:#e8f1ff!important;box-shadow:inset 3px 0 #1877f2,inset 0 0 0 1px #bfd8ff} .conversation-row.is-selected .avatar{outline:2px solid #1877f2;outline-offset:3px} #reply-form.refined-composer{margin:12px;padding:10px 12px;border:1px solid #dce4ee;border-radius:14px;background:#fff;box-shadow:0 2px 8px #17243c06;flex:0 0 auto;min-width:0} #reply-form .compose-top{display:flex;align-items:center;justify-content:space-between;gap:8px} #reply-form .compose-top select{width:auto;max-width:160px;border:0;background:transparent;padding:5px 24px 5px 4px;min-height:32px;font-size:12px;font-weight:600;color:#42546f;box-shadow:none} #reply-form.refined-composer textarea{display:block;border:0;box-shadow:none;resize:vertical;min-height:70px;max-height:160px;padding:10px 4px;margin:0;background:transparent;font-size:13px;line-height:1.6} #reply-form.refined-composer .composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 0;padding:0;border:0} .compose-tools{display:flex;align-items:center;gap:2px}.compose-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:10px;border:0;border-radius:10px;background:transparent;color:#6d7c92;cursor:pointer} .compose-icon:hover{background:#f0f5fc;color:#1877f2}.compose-icon .icon{width:19px;height:19px}.compose-icon:focus-visible{outline:3px solid #9dc7ff;outline-offset:2px} #reply-form .compose-send{background:#1877f2;color:white;border-radius:11px}#reply-form .compose-send:hover{background:#1062d0}#reply-form .compose-send:disabled{opacity:.45} #reply-form input[type=file][hidden]{display:none!important} #reply-form .attachment-tray{display:flex;align-items:center;gap:10px;padding:9px;background:#f4f7fb;border:1px solid #e4eaf3;border-radius:10px;margin:6px 0;min-width:0} #reply-form .attachment-preview{padding:0;margin:0;display:flex;flex-shrink:0;max-width:65%}#reply-form .attachment-preview:empty{display:none} #reply-form .attachment-preview img{width:64px;height:64px;object-fit:contain;border-radius:6px;background:white}#reply-form .attachment-preview audio{height:36px;width:210px;max-width:100%} #reply-form .attachment-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0} #reply-form .attachment-tray .compose-icon{margin-left:auto;width:36px;height:36px} #reply-form .recording-status{font-size:11px;color:#bd3442}#reply-form .is-recording{background:#fff0f2;color:#bf3444}#reply-form.is-note{background:#fffcf2;border-color:#ebd9ac} #reply-form .error-text:empty{display:none}#reply-form .error-text{margin:5px 4px 0;font-size:12px} @media(max-width:640px){#reply-form.refined-composer{margin:8px;padding:8px 10px}#reply-form.refined-composer textarea{min-height:62px;max-height:120px}#reply-form .attachment-preview audio{width:160px}} /* Stable, centred product editor with quiet remove controls. */ #dialog:has(#product-form){margin:auto;inset:0;box-sizing:border-box} #product-form .pe-x,#product-form .pe-soft-x{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;border:0!important;border-radius:6px!important;background:transparent;box-shadow:none;line-height:1;font-family:Arial,sans-serif;font-weight:400;font-size:22px;color:#8793a5} #product-form .pe-x:hover,#product-form .pe-soft-x:hover{background:#fff0f1;color:#bd3444}#product-form .pe-photo>.pe-x{background:#ffffffd9;backdrop-filter:blur(4px);right:4px;top:4px} #product-form .pe-variant-edit{padding:14px 0;border-bottom:1px solid #e6ebf2}#product-form .pe-variant-edit:first-child{padding-top:0}#product-form .pe-variant-edit .form-grid{margin-top:12px;gap:10px}#product-form .pe-variant-edit .form-field{margin-bottom:10px}#product-form .pe-variant-edit .form-field>span{font-size:11px}#product-form .pe-variant-edit .between{align-items:flex-start;flex-wrap:wrap;gap:6px}#product-form #pe-variant-list+button{margin-top:14px} /* Text entry uses a quiet container focus treatment; toolbar keyboard focus stays visible. */ #reply-form.refined-composer textarea:focus, #reply-form.refined-composer textarea:focus-visible{outline:none;box-shadow:none;border:0} #reply-form.refined-composer:focus-within{border-color:#8995a7} #reply-form.refined-composer.is-note:focus-within{border-color:#a68a54} .inline-media{white-space:normal;margin-top:10px;min-width:180px;max-width:100%}.inline-media img{display:block;max-width:100%;width:auto;max-height:320px;object-fit:contain;border-radius:10px}.inline-media audio{max-width:100%;width:280px}.voice-player{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:290px;max-width:100%;padding:10px 0}.voice-play{width:42px;height:42px;border:0;border-radius:50%;background:#1877f2;color:white;flex-shrink:0}.voice-wave{display:flex;align-items:center;justify-content:space-between;gap:2px;height:36px;position:relative;flex:1;min-width:140px}.voice-wave i{width:3px;background:#a6bfdc;border-radius:2px}.voice-wave i.played{background:#1877f2}.voice-wave input{position:absolute;inset:0;width:100%;height:100%;opacity:.01;cursor:pointer;margin:0}.voice-wave:focus-within{outline:2px solid #1877f2;outline-offset:3px}.voice-time{font-size:11px;color:#65758d;width:100%;padding-left:52px}.order-payment-panel{margin-top:20px;border-top:1px solid #e5ebf2;padding-top:18px}.order-payment-panel:empty{display:none}.payment-wait{padding:16px;background:#fff8e9;color:#896318;border-radius:10px;font-size:12px}.payment-history{margin-top:12px;font-size:12px}.payment-history summary{cursor:pointer;padding:12px;background:#f6f8fb;border-radius:8px}.order-payment-panel .receipt-stage{margin:12px 0;background:#f6f8fb}.order-payment-panel .receipt-stage img{width:auto;max-width:100%;max-height:420px;object-fit:contain}.order-payment-panel .notice{font-size:12px}.mobile-nav{grid-template-columns:repeat(4,1fr)} /* Optical alignment for the lowercase brand glyph. */ .mark>span{display:block;line-height:1;transform:translateY(-.08em)} /* Catalog: consistent photo proportions, complete images and restrained selection. */ .product-card{min-width:0;position:relative;transition:border-color .15s;user-select:none;-webkit-touch-callout:none;touch-action:pan-y} .product-card .product-photo img{display:block;width:100%;height:100%;max-height:none;min-height:0;object-fit:contain!important;object-position:center} .product-card .product-body{padding:16px;display:grid;gap:6px}.product-card .product-body h3{line-height:1.65;overflow-wrap:anywhere}.product-card .product-price{margin:4px 0}.product-card:hover{border-color:#b7c9e2}.product-card:focus-visible{outline:2px solid #1877f2;outline-offset:3px} .product-card.is-selected{border-color:#1877f2;box-shadow:0 0 0 1px #1877f2}.product-card.is-selected:after{content:'✓';position:absolute;right:12px;top:12px;display:grid;place-items:center;width:25px;height:25px;background:#1877f2;color:white;border:2px solid white;border-radius:50%;font-size:14px;pointer-events:none} .product-selection-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:16px;border:1px solid #dce8fa;border-radius:9px;background:#f0f6ff}.product-selection-bar[hidden]{display:none}.product-selection-bar .selection-delete{margin-left:auto} @media(max-width:700px){.product-grid{gap:12px}.product-card .product-body{padding:12px}.product-card .product-body .between{align-items:flex-start;gap:4px;flex-wrap:wrap}.product-card .product-photo .badge{left:8px;top:8px}} /* Scoped quote previews remain stable during live message reconciliation. */ .message-quote{display:flex;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;margin:0 0 9px;padding:9px 11px;border:0;border-left:3px solid #397ee8;border-radius:7px;background:rgba(33,92,164,.08);color:inherit;text-align:left;cursor:pointer;font:inherit;white-space:normal} .message-quote:focus-visible{outline:2px solid #397ee8;outline-offset:2px}.quote-copy{display:flex;flex-direction:column;min-width:0;gap:3px}.quote-copy strong{font-size:12px;line-height:1.4;color:#225fae}.quote-copy>span{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.quote-thumb{display:flex;align-items:center;justify-content:center;width:44px;height:48px;flex-shrink:0;border-radius:5px;overflow:hidden;background:rgba(255,255,255,.65)}.quote-thumb img{width:100%;height:100%;object-fit:contain}.message.outgoing .message-quote{background:rgba(255,255,255,.15);border-left-color:currentColor}.message.outgoing .quote-copy strong{color:inherit}.message-quote.is-unavailable{display:flex;flex-direction:column;align-items:flex-start;gap:3px;cursor:default;opacity:.75}.message-quote small{font-size:11px}.message.quote-highlight .bubble{animation:quote-focus 1.6s ease-out}@keyframes quote-focus{0%,30%{box-shadow:0 0 0 3px rgba(57,126,232,.45)}100%{box-shadow:0 0 0 3px transparent}}@media(prefers-reduced-motion:reduce){.message.quote-highlight .bubble{animation:none;outline:2px solid #397ee8}} /* Conversation cart: fixed workspace panel, responsive sheet, stable keyed rows. */ .cart-context{padding:0!important;background:#fff;min-width:0;overscroll-behavior:contain}.cart-workspace{padding:22px 18px}.cart-heading{display:flex;justify-content:space-between;align-items:center}.cart-heading h2{display:flex;gap:9px;align-items:center;margin:5px 0 0;font-size:23px}.cart-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 7px;border-radius:8px;background:#e9f1ff;color:#2265c7;font-size:12px;font-weight:700}.cart-mode-note{font-size:11px;color:#687b95;background:#f3f6fa;border-radius:8px;padding:10px 12px;margin:17px 0}.cart-mode-note.is-human{background:#eef8f4;color:#247554}.cart-line{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.cart-photo{width:62px;height:80px;border-radius:10px;background:#f3f5f8;display:flex;align-items:center;justify-content:center;overflow:hidden}.cart-photo img{width:100%;height:100%;object-fit:contain}.cart-line-copy>strong{display:block;font-size:13px;line-height:1.65}.cart-options{display:block;font-size:11px;color:#64748b;margin:4px 0}.cart-line-copy>small{color:#7d8ca0;font-size:11px}.cart-line-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:10px}.cart-line-bottom>strong{font-size:12px;white-space:nowrap}.cart-quantity{display:flex;align-items:center;border:1px solid #dde5ef;border-radius:8px;overflow:hidden}.cart-quantity button{border:0;background:#fff;width:30px;height:32px;color:#426184;font-size:18px}.cart-quantity span{min-width:24px;text-align:center;font-size:12px;font-weight:600}.cart-qty-label{font-size:12px;color:#51647c}.cart-line-actions{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.cart-remove{border:0;background:transparent;color:#9aa5b4;padding:9px}.cart-remove:hover{color:#c94854;background:#fff3f4;border-radius:8px}.cart-item-state{display:block;color:#a86a16;font-size:10px;margin:6px 0}.cart-item-state.unavailable{color:#bd4352}.cart-lines{margin-bottom:16px}.cart-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 8px;color:#7b8ba1;gap:10px}.cart-empty strong{color:#41516b}.cart-empty p{font-size:12px;margin:0;max-width:220px}.cart-delivery{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:12px}.cart-delivery p{color:#65758d;line-height:1.8;overflow-wrap:anywhere}.cart-delivery>span{font-size:11px;color:#62758f}.cart-totals{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.cart-totals>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:10px}.cart-totals .cart-total{font-size:16px;margin:15px 0}.cart-totals>small{display:block;text-align:center;color:#8a98ab;font-size:10px;line-height:1.7;margin-top:10px}.cart-missing{padding:10px;background:#fffbf0;color:#946b23;border-radius:8px;font-size:11px;line-height:1.7}.cart-order-history{border-top:1px solid var(--line);padding:18px}.cart-order-history>summary{cursor:pointer;font-weight:600;color:#60738b;font-size:12px}.cart-picker-preview{display:flex;gap:20px;align-items:center;padding:15px;background:#f5f7fa;border-radius:12px;margin:14px 0}.cart-picker-preview img{width:85px;height:100px;object-fit:contain}.cart-picker-preview p{color:#75849a;font-size:12px}.cart-close{display:none}#audience-help{display:block;line-height:1.6;color:#75849a;font-size:11px;margin-top:7px} @media(min-width:1201px){.inbox{grid-template-columns:275px minmax(285px,1fr) 315px}.inbox:not(.cart-is-open){grid-template-columns:275px minmax(285px,1fr)}.inbox:not(.cart-is-open)>.cart-context{display:none}.cart-close{display:inline-flex}} @media(max-width:1200px){.inbox.cart-is-open>.cart-context{display:block;position:fixed;z-index:90;right:16px;bottom:16px;top:85px;width:min(390px,calc(100vw - 32px));border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 12px 50px #17243c40;overflow-y:auto}.cart-close{display:inline-flex}} @media(max-width:800px){.inbox.cart-is-open>.cart-context{top:auto;bottom:0;right:0;width:100%;max-height:85dvh;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)!important}.cart-workspace{padding:20px}.cart-heading{position:sticky;top:-20px;background:#fff;z-index:1;padding:8px 0}.cart-line{grid-template-columns:76px minmax(0,1fr)}.cart-photo{width:76px;height:95px}.cart-quantity button{width:36px;height:36px}} .chat-header>.between:first-child{gap:8px;flex-wrap:wrap}.chat-header .row{min-width:0}.chat-header .row>div:last-child{min-width:0}.chat-header .row>div>strong{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:800px){.chat-header .row>div>strong{max-width:150px}.cart-line-copy{min-width:0}.cart-line-copy>strong{overflow-wrap:anywhere}} /* Audit fixes: retain the existing layout while making core controls readable and reachable. */ :root{--blue:#0965cf;--blue-dark:#0756b2;--muted:#58677d} .nav-label,.eyebrow,.footer-note,.agency{color:#626f83} .brand small,.table-sub,.table-sub small,.sub,.detail-line>span,.inbox-heading-count{color:#58677d} .table-order-link{border:0;background:transparent;padding:0;color:#0965cf;font:inherit;font-weight:700;cursor:pointer;text-align:left} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #0965cf;outline-offset:3px} .order-section-heading{margin:22px 0 12px}.order-review{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--bg)} .order-item+.order-item{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.order-item>button{margin-bottom:12px} #order-form .check{align-items:flex-start;margin:16px 0}#order-form input[readonly]{background:#f1f4f8;color:var(--ink)} #order-form select:invalid{color:#58677d} /* Small text retains readable contrast without changing the existing layout. */ .global-search,.tab,.conversation-title time,.conversation-preview,.cart-line-copy small { color:#58677d; } .avatar.mint { color:#32634f; } .avatar.pink { color:#96485e; } .avatar.lilac { color:#68528a; } .cart-item-state { color:#885212; } .inbox .conversation-content .conversation-title time, .inbox .conversation-content .conversation-preview, .inbox .handling-label.human, th { color:#58677d; } .avatar.sand { color:#795723; } .avatar { color:#4d5a90; } .badge,.message time { color:#516178; } .toast { color:#11684e; } .toast.error { color:#b02d42; } @font-face{font-family:ChartMyanmar;src:url("/fonts/ChartMyanmar.ttf?v=7abbbfbe2514105d7ce94937aee3feb2ba89b73a256c8b77b5866bd9b83e32ec") format('truetype');font-display:swap} .sc-section input,.sc-section select,.sc-section canvas{font-family:ChartMyanmar,system-ui,sans-serif} .sc-actions{flex-wrap:wrap;gap:8px;margin-top:12px}.sc-actions .btn{flex:1;min-height:44px}.sc-empty{padding:24px;text-align:center;background:#f7f9fc;border:1px dashed #c9d3e2;border-radius:10px;color:#65748b}.sc-thumbnail{display:block;color:#2362b0;text-decoration:none}.sc-thumbnail img{display:block;width:100%;max-height:200px;object-fit:contain;border:1px solid #e3e7ed;border-radius:8px}.sc-thumbnail span{display:block;margin:6px 0}.sc-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:20px}.sc-fields{display:flex;flex-direction:column;gap:14px;min-width:0}.sc-preview{padding:16px;background:#f1f5fb;border-radius:12px;min-width:0}.sc-preview canvas{display:block;width:100%;height:auto;margin-top:12px;border:1px solid #dce3ed;background:white}.sc-table-wrap{overflow:auto}.sc-table{width:100%;border-collapse:collapse}.sc-table th,.sc-table td{padding:6px;text-align:left}.sc-table input{min-width:100px;width:100%;min-height:44px}.sc-fields input,.sc-fields select{min-height:44px}.sc-open>.between,.sc-open>p,.sc-open>#sc-summary,.sc-open>.sc-actions{display:none}.pe-layout:has(.sc-open){grid-template-columns:1fr!important}.pe-layout:has(.sc-open)>.pe-main,.pe-side:has(.sc-open)>section:not(.sc-open),#product-form:has(.sc-open)>.modal-actions{display:none!important}.sc-section .error-text{white-space:normal}.sc-section button:focus-visible{outline:3px solid #1877f2;outline-offset:3px} @media(max-width:760px){.sc-editor{grid-template-columns:1fr}.sc-open #sc-generator>.between{align-items:flex-start;gap:12px;flex-direction:column}.sc-preview{padding:8px}} .sc-section{font-family:ChartMyanmar,system-ui,sans-serif}.sc-section .form-field{margin-bottom:0}.sc-section .form-grid{margin-bottom:0} /* size-chart-ui-fix-1 */ .sc-section button.btn{ display:inline-flex;align-items:center;justify-content:center; text-align:center;gap:8px;min-height:44px;line-height:1.4; font-family:inherit;padding:10px 16px } .sc-section .sc-drop{ width:100%;display:flex;flex-direction:column;align-items:center; justify-content:center;text-align:center;gap:8px;min-height:136px; margin-top:12px;padding:20px;line-height:1.5 } .sc-section .sc-drop svg{flex-shrink:0} .sc-section .sc-drop strong{display:block} .sc-section .sc-drop span{font-size:13px} .sc-section .sc-table-actions{ display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px } .sc-section .sc-table{ table-layout:fixed;width:100%;min-width:0 } .sc-section .sc-table th,.sc-section .sc-table td{ text-align:center;vertical-align:middle;padding:6px 4px } .sc-section .sc-table input{ box-sizing:border-box;min-width:0;width:100%; padding:10px 6px;text-align:center;font-family:inherit } .sc-section .sc-preview{align-self:start;text-align:center} .sc-section .sc-preview canvas{margin:12px auto 0} .sc-section .sc-thumbnail span{text-align:center} .sc-section #sc-summary>[data-sc=remove]{display:flex;margin:8px auto} .sc-section .sc-actions{display:flex} .sc-section.sc-open>.sc-actions{display:none} .sc-section #sc-grid{scrollbar-gutter:auto} @media(max-width:420px){ .sc-section .sc-table input{font-size:12px;padding:8px 2px} .sc-section .sc-table th,.sc-section .sc-table td{padding:4px 2px} } /* Size chart remove overlay */ .sc-image-wrap{position:relative} .sc-section button.sc-remove-chart{ position:absolute;top:8px;right:8px;z-index:2; display:flex;align-items:center;justify-content:center; width:44px;height:44px;min-height:44px;padding:0; border:1px solid #e2e8f0;border-radius:50%; background:#fff;color:#b42318; font:28px/1 Arial,sans-serif; box-shadow:0 2px 8px #0002;cursor:pointer; } .sc-section button.sc-remove-chart:hover{ background:#fff1f0;border-color:#fda29b; } .sc-section button.sc-remove-chart:focus-visible{ outline:3px solid #1877f2;outline-offset:3px; } /* chart-remove-hover-v1 */ .sc-section button.sc-remove-chart, .sc-section button.sc-remove-chart:hover{ background:transparent;border:0;border-radius:0;box-shadow:none; color:#64748b;font:24px/1 Arial,sans-serif; width:44px;height:44px;top:2px;right:2px; } .sc-section button.sc-remove-chart{ opacity:0;pointer-events:none; transition:opacity .15s ease; } .sc-section .sc-image-wrap:hover .sc-remove-chart, .sc-section .sc-image-wrap:focus-within .sc-remove-chart{ opacity:.55;pointer-events:auto; } .sc-section .sc-image-wrap button.sc-remove-chart:hover, .sc-section .sc-image-wrap button.sc-remove-chart:focus-visible{ opacity:1;color:#b42318; } @media(hover:none){ .sc-section button.sc-remove-chart{ opacity:.55;pointer-events:auto; } } /* Order fulfillment: photos and packing details alongside a quiet financial summary. */ #dialog:has(.order-detail){width:min(1040px,calc(100vw - 32px));max-width:1040px;max-height:92dvh;border-radius:18px} #dialog:has(.order-detail) .modal-head{padding:20px 26px;z-index:3} #dialog:has(.order-detail) .modal-head h2{font-size:19px} #dialog:has(.order-detail) .modal-body{padding:0;background:#f7f9fc} .od-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 26px} .od-status>div{display:flex;gap:8px;align-items:center}.od-status>span{font-size:12px;color:#61718a} .order-detail .badge{min-height:28px;justify-content:center;line-height:1.4;padding:5px 10px} .od-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:20px;padding:0 26px 24px} .od-main,.od-summary{display:flex;flex-direction:column;gap:18px;min-width:0} .od-section{padding:20px;background:white;border:1px solid var(--line);border-radius:12px;min-width:0} .od-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.od-heading h3{font-size:14px}.od-heading>span{font-size:11px;color:#61718a}.od-heading>.icon{color:#73819a} .od-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.od-item:first-child{border-top:0;padding-top:0}.od-item:last-child{padding-bottom:0} .od-photo{position:relative;width:76px;height:92px;border-radius:9px;overflow:hidden;background:#f1f4f8;border:1px solid #e6ebf2}.od-photo-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#73819a}.od-photo-fallback small{font-size:10px}.od-photo a{position:absolute;inset:0;display:block;background:#f1f4f8}.od-photo img{display:block;width:100%;height:100%;object-fit:contain}.od-photo a:focus-visible{outline-offset:-3px} .od-item-copy{min-width:0}.od-item-copy>strong{display:block;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.od-item-copy>small{display:block;margin-top:7px;font-size:11px}.od-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.od-options>span{font-size:11px;background:#f3f6fa;padding:3px 7px;border-radius:4px;color:#52627b} .od-item-amount{display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:12px;font-variant-numeric:tabular-nums}.od-quantity{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dbe7f9;background:#f0f6ff;color:#245ba0;border-radius:6px;min-height:30px;padding:4px 9px}.od-quantity b{font-size:14px} .od-recipient{display:flex;align-items:center;gap:12px}.od-recipient>div{min-width:0}.od-recipient strong{display:block;line-height:1.9;overflow-wrap:anywhere}.od-recipient span:not(.avatar){display:block;color:#52627b;font-size:12px;margin-top:3px}.order-detail .avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1} .od-address{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.od-address>span{font-size:11px;color:#61718a}.od-address p{margin-top:6px;font-size:13px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}.od-shipped{display:flex;align-items:center;gap:6px;margin-top:16px;font-size:12px;color:var(--green)} .od-summary .detail-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:10px 0;font-size:12px}.od-summary .detail-line>strong{text-align:right;font-variant-numeric:tabular-nums}.od-summary .detail-line.total{border-top:1px solid var(--line);margin-top:8px;padding:18px 0;font-size:16px}.od-payment{border-top:1px solid var(--line);padding-top:10px}.od-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf6f2;border-radius:8px;margin-top:10px;padding:13px 12px;font-size:12px}.od-balance strong{white-space:nowrap;font-variant-numeric:tabular-nums}.od-cod{font-size:12px;line-height:1.7;color:#61718a;margin-top:8px}.od-history .order-payment-panel{margin:0;padding:0;border:0}.od-history .payment-history:first-child{margin-top:0}.od-history summary{line-height:1.7}.od-history .receipt img{max-width:100%} .od-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 26px;background:white;border-top:1px solid var(--line);position:sticky;bottom:0;z-index:2}.od-action-secondary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.od-actions .btn{min-height:44px;line-height:1.4;text-align:center}.od-actions>.primary{min-width:180px}.od-actions .ghost.danger{color:var(--red)} @media(max-width:760px){#dialog:has(.order-detail){width:calc(100vw - 16px);max-height:95dvh;border-radius:14px}.od-layout{grid-template-columns:1fr;padding:0 16px 18px;gap:16px}.od-status{padding:16px;flex-wrap:wrap}.od-section{padding:16px}.od-main,.od-summary{gap:16px}#dialog:has(.order-detail) .modal-head{padding:16px 18px}.od-actions{padding:14px 16px;flex-direction:column-reverse;align-items:stretch}.od-actions>.primary{width:100%}.od-action-secondary{justify-content:space-between}.od-action-secondary .btn{font-size:12px}.od-item{grid-template-columns:64px minmax(0,1fr) auto;gap:10px}.od-photo{width:64px;height:82px}.od-item-amount{font-size:11px}.od-item-copy>strong{font-size:12px}.od-heading{flex-wrap:wrap}} @media(max-width:380px){.od-item{grid-template-columns:58px minmax(0,1fr)}.od-photo{width:58px;height:76px;grid-row:span 2}.od-item-amount{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}.od-actions .btn{white-space:normal}} /* Workspace audit: readable content, consistent controls and bounded panels. */ .btn,.icon-btn,.badge,.count{line-height:1.4;text-align:center} .btn{min-height:44px}.icon-btn{min-width:44px;height:44px;flex-shrink:0} .badge,.count{display:inline-flex;align-items:center;justify-content:center;min-height:26px} .avatar{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0} .page-head>div,.row>div,.member-meta,.connection-card,.knowledge-card,.cart-line-copy,.order-card,.notification-side{min-width:0} .cart-line-copy>strong,.cart-picker-preview strong,.knowledge-card h2,.knowledge-card p,.order-card p,.member-meta strong,.member-meta p,.brand-name,.user-label,.notification-log strong{overflow-wrap:anywhere} .cart-line-bottom,.cart-totals>div,.order-card .between,.order-card .detail-line{flex-wrap:wrap} .cart-line-bottom>strong,.cart-totals strong,.order-preview-total>strong{font-variant-numeric:tabular-nums} .cart-line-copy>strong{line-height:1.75}.cart-delivery p{margin-top:8px}.cart-delivery>span{display:block;margin-top:8px} .cart-mode-note{font-size:12px;line-height:1.75}.cart-heading{gap:12px}.cart-quantity button{width:40px;height:40px} .order-preview{display:grid;gap:14px}.order-preview-heading,.order-preview-status,.order-preview-total{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px} .order-preview-heading h3{font-size:13px}.order-preview-heading>span,.order-preview p{font-size:12px;color:var(--muted)}.order-preview-total{border-top:1px solid var(--line);padding-top:12px}.cart-order-history>p{margin-top:10px;line-height:1.7} .table-customer-link{border:0;background:transparent;padding:0;min-height:44px;white-space:normal;text-align:left;justify-content:flex-start;color:var(--blue);font-weight:650} .table-customer-link:hover{background:transparent;text-decoration:underline} .settings-mobile-select{display:none} .page-head .actions{flex-wrap:wrap}.toolbar{flex-wrap:wrap}.toolbar .search-field{flex:1 1 220px;min-width:0}.toolbar .search-field input{min-width:0} .settings-save,.settings-save>.row,.connection-actions,.modal-actions{flex-wrap:wrap} .bar-col>span{white-space:nowrap;font-size:10px}.bar-col{min-width:0} .table-wrap{max-width:100%;overscroll-behavior-x:contain}.modal-body{overflow-wrap:anywhere} dialog{scroll-padding-block:85px 110px}.modal-body input,.modal-body select,.modal-body textarea{scroll-margin-block:90px 110px} /* Respond to the component's width, including narrow hosts and browser zoom. */ .order-detail{container:order-details / inline-size;min-width:0} @container order-details (max-width:760px){ .od-layout{grid-template-columns:minmax(0,1fr);padding:0 16px 18px;gap:16px}.od-status{padding:16px;flex-wrap:wrap}.od-section{padding:16px}.od-main,.od-summary{gap:16px} .od-actions{padding:14px 16px;flex-direction:column-reverse;align-items:stretch}.od-actions>.primary{width:100%}.od-action-secondary{justify-content:space-between}.od-heading{flex-wrap:wrap} .od-item{grid-template-columns:64px minmax(0,1fr) auto;gap:10px}.od-photo{width:64px;height:82px} } @container order-details (max-width:380px){ .od-item{grid-template-columns:58px minmax(0,1fr)}.od-photo{width:58px;height:76px;grid-row:span 2}.od-item-amount{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.od-actions .btn{white-space:normal} } @media(max-width:800px){ .main-settings .settings-nav{display:none}.settings-mobile-select{display:grid;gap:8px;margin-bottom:4px;font-size:12px;font-weight:600;color:var(--muted)}.settings-mobile-select select{background:white;color:var(--ink);min-height:48px} input:not([type=checkbox]):not([type=radio]),select,textarea,#reply-form.refined-composer textarea,#reply-form .compose-top select,#product-form input,#product-form select,#product-form textarea{font-size:16px} .page-head .actions .btn,.member-actions .btn,.chat-header .btn{min-height:44px;font-size:12px} .page-head p{font-size:12px;line-height:1.7}.product-card .product-body .sub,.product-card .stock-info,.cart-options,.cart-line-copy>small{font-size:12px} .mobile-nav button{font-size:11px}.mobile-brand{min-width:0;max-width:55%}.mobile-brand .brand-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .topbar{gap:10px}.topbar>.row{gap:6px}.topbar .header-divider{display:none} .toolbar .search-field{flex-basis:100%}.toolbar .search-field input{width:100%}.toolbar>.sub{margin-right:auto} .cart-quantity button{width:44px;height:44px}.chat-header .row>div>strong{max-width:160px;line-height:1.8} .order-card .between,.order-card .detail-line{gap:10px}.order-card .detail-line>span{flex:1;min-width:100px} .product-card .product-body h3{font-size:14px}.settings-layout{gap:18px} } @media(max-width:480px){ .page-head{flex-direction:column;align-items:stretch;gap:16px}.page-head p{max-width:none}.page-head .actions{justify-content:flex-start}.page-head .actions:empty{display:none}.page-head .actions .btn{min-height:44px;font-size:13px} .notice{flex-wrap:wrap;line-height:1.7}.notice .btn{margin-left:0;min-height:44px}.notice>svg{align-self:flex-start;margin-top:3px} .chart-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.bar-col:nth-child(even)>span{display:none} .modal-actions>.btn{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}.modal-head{gap:12px}.modal-head h2{overflow-wrap:anywhere} .od-summary .detail-line{flex-wrap:wrap}.od-balance{flex-wrap:wrap}.od-item-copy>strong{font-size:13px}.od-item-copy>small,.od-options>span{font-size:12px} } /* Avoid doubled field margins within form grids. */ .form-grid{align-items:start;gap:16px;margin-block:16px} .form-grid>.form-field,#product-form .form-grid>.form-field{margin:0} .pe-variant-edit[hidden]{display:none} .pe-variant-deleted{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin-bottom:12px;border:1px dashed var(--line);border-radius:10px;background:var(--bg)} .pe-variant-deleted>div{min-width:0;overflow-wrap:anywhere} #product-form .pe-variant-edit{position:relative} #product-form .pe-variant-edit>.between{min-height:32px;padding-right:40px;align-items:center} #product-form .pe-variant-minus{position:absolute;top:14px;right:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:22px;font-weight:400;line-height:1;box-shadow:none} #product-form .pe-variant-edit:first-child>.pe-variant-minus{top:0} #product-form .pe-variant-minus:hover:not(:disabled){color:var(--red);background:transparent} @media (hover:hover) and (pointer:fine) and (min-width:761px){ #product-form .pe-variant-minus{opacity:0;pointer-events:none} #product-form .pe-variant-edit:hover>.pe-variant-minus,#product-form .pe-variant-edit:focus-within>.pe-variant-minus{opacity:1;pointer-events:auto} #product-form .pe-variant-edit:hover>.pe-variant-minus:disabled,#product-form .pe-variant-edit:focus-within>.pe-variant-minus:disabled{opacity:.45} } @media (hover:none),(pointer:coarse),(max-width:760px){ #product-form .pe-variant-edit>.between{min-height:44px;padding-right:50px} #product-form .pe-variant-minus{width:44px;height:44px;min-width:44px;min-height:44px} } /* Minimal workspace: neutral surfaces, system type and Facebook blue actions. */ /* Preserve the original component radii and cool workspace background. */ :root{--blue:#1877f2;--blue-dark:#0866d9;--ink:#1d1d1f;--muted:#626970;--line:#e5e7eb;--bg:#f6f8fb;--green:#15704f;--amber:#8a5608;--red:#c43246;--surface:#fff;--soft-blue:#edf4ff;--nav:224px} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,ChartMyanmar,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased} h1,h2,h3{color:var(--ink);font-weight:650}h1{font-size:34px;line-height:1.2;letter-spacing:-1.1px}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:15px;letter-spacing:-.15px} svg.icon{width:20px;height:20px;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none;pointer-events:none} .sub,small{color:var(--muted);line-height:1.6}.num,.value,.usage-num,.product-price{font-variant-numeric:tabular-nums} :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #1877f2;outline-offset:3px} .sidebar{padding:26px 14px 20px;background:#fff;border-color:var(--line)}.brand{gap:10px;padding:0 12px 30px}.brand-name{font-size:19px;letter-spacing:-.65px}.brand small{font-size:10px;letter-spacing:.8px;color:var(--muted)} .mark{background:var(--blue);box-shadow:none}.nav-label{font-size:10px;letter-spacing:1.4px;color:var(--muted);padding:0 14px;margin:18px 0 10px}.nav-item{min-height:46px;color:#51555d;font-size:14px;padding:12px 14px;gap:12px;margin:4px 0}.nav-item:hover{background:var(--bg)}.nav-item.active{color:var(--blue-dark);background:var(--soft-blue);font-weight:650}.nav-item .count{color:var(--blue-dark);background:#e0ecff;}.agency{font-size:10px;color:var(--muted);line-height:1.6;padding:20px 14px 0} .topbar{height:76px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);padding:0 36px}.global-search{font-size:13px;font-weight:400;color:var(--muted);border:0;gap:10px}.key{border-color:var(--line);color:var(--muted)}.header-divider{background:var(--line)}.user-label{font-weight:600;font-size:13px}.user-label small{font-weight:400;color:var(--muted)}.avatar{font-weight:600;background:#eff1f5;color:#515b69}.avatar.mint{background:#e9f2ed;color:#35694e} .demo-ribbon{background:#eef4fd;border-color:#e2ebfa;color:#52647e;font-size:11px}.demo-ribbon button{color:var(--blue-dark)} .main{padding:36px 36px 56px}.page-head{margin-bottom:28px;gap:24px;align-items:center}.page-head p{font-size:14px;color:var(--muted);line-height:1.7;margin-top:9px;max-width:680px}.page-head .actions{gap:10px}.eyebrow{color:var(--muted);letter-spacing:1.3px} .card{border:1px solid var(--line);box-shadow:0 2px 6px #1d1d1f02}.card-pad,.chart-card{padding:26px}.rule{border-color:var(--line)} .btn{border:1px solid #dadde2;min-height:42px;padding:10px 16px;font-size:13px;font-weight:600;background:#fff;color:var(--ink);box-shadow:none;gap:8px;line-height:1.35}.btn:hover{background:var(--bg);border-color:#bfc6d0}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 2px 3px #1877f218}.btn.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.ghost:hover{background:#edf0f5;color:var(--ink)}.btn.danger{color:var(--red);border-color:#f0cfd5;background:#fff}.btn.danger:hover{background:#fff4f5}.btn.small{min-height:36px;padding:7px 12px;font-size:12px}.btn:disabled{box-shadow:none;opacity:.5}.icon-btn{color:var(--muted);}.icon-btn:hover{background:#f1f3f6;color:var(--ink)} input,select,textarea{border-color:#d6d9df;background:#fff;color:var(--ink);min-height:44px;padding:11px 13px;font-size:14px}input[type=checkbox],input[type=radio],input[type=range]{min-height:0}input::placeholder,textarea::placeholder{color:#777f8b;opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1877f212}input:disabled{background:var(--bg);color:var(--muted)}.form-field>span{font-size:13px;font-weight:500;color:#51555d}.form-field small{font-size:12px}.form-grid{gap:18px} .badge{padding:5px 9px;font-size:11px;font-weight:600;letter-spacing:0;line-height:1.4}.badge.blue{color:#075fcb;background:#edf4ff}.badge.green{color:#116847;background:#eaf5ef}.badge.amber{color:#825009;background:#fff5e6}.badge.red{color:#ab2339;background:#fff0f2} .notice{font-size:13px;line-height:1.7;border-color:#f2dfbc;background:#fffbf4;padding:14px 18px}.notice.info{background:#f2f7ff;border-color:#dce9fd;color:#265b99}.notice .btn{flex-shrink:0} .stats{gap:18px;margin:24px 0}.stat{padding:24px;min-width:0}.stat .stat-icon{width:36px;height:36px;background:#f0f5fe;color:var(--blue-dark);margin-bottom:22px}.stat .label{font-size:13px;color:var(--muted);line-height:1.5}.stat .value{font-size:34px;line-height:1.2;letter-spacing:-1px;font-weight:600;margin:10px 0}.stat-note{font-size:11px;color:var(--muted);line-height:1.6}.stat-dot{display:none} .dashboard-grid{gap:22px}.lower-grid{gap:22px;margin-top:22px}.chart-heading{align-items:flex-start}.chart-legend,.chart-axis,.chart-axis span,.bar-col span{color:var(--muted);font-size:11px}.bar{background:var(--blue);opacity:.82}.bar-chart{border-color:var(--line)}.usage-num{font-size:36px;font-weight:600;letter-spacing:-1px}.usage-num span{color:var(--muted);font-size:16px;font-weight:400}.usage-meta{font-size:12px;color:var(--muted)}.progress{height:6px;background:#edf0f4}.progress i{background:var(--blue)}.task{padding:16px 0;color:var(--ink);font-size:12px;border-color:var(--line)}.metric-line{gap:12px}.metric-line label,.metric-line strong{font-size:12px}.footer-note{color:var(--muted);font-size:11px;line-height:1.7} .fulfillment-overview{gap:12px}.fulfillment-step{border-color:var(--line);padding:20px;background:#fff;min-width:0}.fulfillment-step.active{border-color:#afcffe;background:#f1f6ff}.fulfillment-step small{font-size:10px;letter-spacing:.8px;color:var(--muted)}.fulfillment-step strong{font-size:15px}.fulfillment-step b{font-size:28px;color:var(--blue-dark)}.step-symbol{background:#f0f5fd;color:var(--blue-dark);}.flow-arrow{color:var(--muted)} .toolbar{padding:20px 22px;gap:14px}.search-field input{background:#f9fafb;border-color:var(--line);}.tabs{gap:26px;padding:0 22px}.tab{font-size:13px;color:var(--muted);padding:15px 0}.tab.active{color:var(--blue-dark);border-color:var(--blue)}th{background:#fafafb;color:var(--muted);font-size:11px;letter-spacing:.6px;font-weight:600;padding:16px 20px}td{font-size:13px;padding:18px 20px;border-color:#eff0f2}.table-wrap tbody tr:hover{background:#fafbfd}.table-customer-link{color:var(--ink);font-weight:600}.order-card{padding:18px;border-color:var(--line)} .product-grid{gap:22px}.product-card{border-color:var(--line);box-shadow:none}.product-card:hover{border-color:#b6cbed;box-shadow:0 6px 20px #1d1d1f07}.product-photo{height:230px;background:#f0f1f4}.product-card .product-body{padding:20px;gap:8px}.product-card .product-body h3{font-size:16px;line-height:1.55;font-weight:600}.product-price{font-size:15px;font-weight:650}.stock-info{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.stock-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:currentColor}.product-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#68717d;font-size:12px;height:100%;width:100%}.product-photo .product-placeholder svg.icon,.thumb .product-placeholder svg.icon{width:32px;height:32px;color:#929aa5;stroke-width:1.4}.thumb .product-placeholder span{display:none} .settings-layout{gap:28px}.settings-nav .nav-item{font-size:13px;}.settings-section h2,.settings-editor h3{letter-spacing:-.2px}.setting-switch{padding:19px 0;border-color:var(--line)}.setting-switch strong{font-size:14px;font-weight:600}.setting-switch span,.settings-assistant .sub{font-size:12px;line-height:1.65}.member-row{padding:20px 24px;border-color:var(--line)}.member-meta strong{font-size:14px}.member-meta small{font-size:12px}.knowledge-card{padding:24px;}.knowledge-card p{font-size:13px;line-height:1.8;color:var(--muted)} .channel-mark{background:var(--soft-blue);}.channel-mark svg{fill:currentColor;stroke:none}.channel-mark.messenger{color:#0866ff}.channel-mark.telegram{color:#1788b9}.channel-mark.tiktok{color:#161719}.connection-platform p,.connection-bottom p,.connection-state>span:not(.badge){font-size:12px;line-height:1.6}.channel-chip{font-size:11px;color:var(--muted)}.channel-chip .channel-mark{background:transparent}.channel-chip .channel-mark svg{width:14px;height:14px} .inbox{border-color:var(--line);box-shadow:0 3px 14px #1d1d1f03}.inbox-list{background:#fff}.inbox-list-head{padding:22px}.conversation-row{border-color:#f0f1f3}.conversation-row:hover{background:#f8faff}.conversation-row.active{background:#edf4ff}.conversation-title strong{color:var(--ink);font-size:14px}.conversation-row p.conversation-preview{color:var(--muted);font-size:12px;line-height:1.7}.conversation-title time,.conversation-meta,.handling-label{color:var(--muted)}.chat-header{background:#fff;border-color:var(--line)}.chat-log{background:#fff}.bubble{background:#f1f2f5;font-size:14px;line-height:1.8;color:var(--ink)}.outgoing .bubble{background:#edf4ff;color:#194a87}.message time{color:var(--muted)}#reply-form.refined-composer{border-color:#dfe3e9;box-shadow:0 2px 10px #1d1d1f04}.cart-workspace{background:#fff}.cart-line,.cart-delivery{border-color:var(--line)}.cart-line-copy>strong{font-weight:600}.cart-mode-note{background:#f5f7fa;color:var(--muted);}.cart-qty-label{}.cart-missing{color:#885513} #dialog{border:1px solid #e5e7eb;box-shadow:0 24px 100px #15171e26}#dialog::backdrop{background:#1c243740;backdrop-filter:blur(6px)}.modal-head{padding:24px 28px;border-color:var(--line);background:#fff}.modal-head h2{font-size:18px}.modal-body{padding:12px 28px 28px}.modal-actions{gap:12px;padding-top:24px}.modal-actions .btn{min-height:44px}.pe-section,.od-card{border-color:var(--line);background:#fff}.od-item{border-color:var(--line)}.od-total strong,.od-total b{letter-spacing:-.4px}.od-item-copy strong{font-weight:600}.pe-drop{background:#fafbfd;border-color:#cbd5e5}#product-form .pe-category-trigger{}.pe-category-trigger .icon{width:16px;height:16px}.pe-x .icon,.sc-remove-chart .icon{width:17px;height:17px}#product-form .pe-variant-minus svg.icon{width:18px;height:18px;stroke-width:1.8}.sc-thumbnail span{display:flex;align-items:center;gap:6px}.sc-thumbnail span .icon{width:14px;height:14px} .login-layout{background:#fff}.login-art{background:#f5f7fb;color:var(--ink);border-right:1px solid var(--line)}.login-art h1{color:var(--ink);font-size:48px;line-height:1.15;letter-spacing:-1.8px}.login-art p,.login-art small{color:var(--muted)}.login-art .eyebrow{color:var(--blue-dark)}.login-card{background:#fff}.login-inner h1{font-size:34px}.login-note{color:var(--muted)}.login-art .brand-name{color:var(--ink)}.login-art .mark{color:#fff;background:var(--blue)} .toast{padding:14px 20px;box-shadow:0 8px 32px #1d1d1f14;font-size:13px}.empty{padding:48px 24px}.empty h3{font-size:17px}.empty p{font-size:13px;line-height:1.8}.voice-play .icon{width:18px;height:18px}.more-card{} @media(min-width:1600px){.main{padding-inline:48px}} @media(min-width:801px) and (max-width:1200px){:root{--nav:196px}.main{padding:28px 24px 44px}.topbar{padding:0 24px}.stat{padding:18px}.stat .value{font-size:28px}.product-photo{height:200px}} @media(max-width:800px){ :root{--nav:0px}.topbar{height:66px;padding:0 18px}.topbar .brand-name{font-size:18px}.main{padding:26px 18px 108px}.page-head{margin-bottom:24px;gap:18px;align-items:stretch}.page-head h1{font-size:30px;letter-spacing:-.8px}.page-head p{font-size:13px;max-width:100%;margin-top:8px}.page-head .actions .btn{font-size:13px;padding:10px 14px}.demo-ribbon{font-size:10px;line-height:1.5;padding:7px 12px}.card{}.card-pad,.chart-card{padding:20px}.stats{gap:12px}.stat{padding:18px}.stat .value{font-size:30px}.stat .label{font-size:12px}.stat-note{font-size:11px}.stat .stat-icon{margin-bottom:14px}.stat:nth-child(3) .stat-icon{float:none;margin-bottom:14px}.stat:nth-child(4){display:block}.dashboard-grid,.lower-grid{gap:16px}.lower-grid>div:first-child{display:block}.task{font-size:12px}.usage-num{font-size:32px} .product-grid{gap:14px}.product-photo{height:160px}.product-card .product-body{padding:14px;gap:6px}.product-card .product-body h3{font-size:14px;line-height:1.5}.product-price{font-size:13px}.stock-info{font-size:11px}.product-photo .product-placeholder svg.icon{width:28px;height:28px}.product-card .product-body .sub{font-size:11px} .fulfillment-step{padding:16px}.fulfillment-step strong{font-size:13px}.fulfillment-step b{font-size:24px}.toolbar{padding:16px}.tabs{padding:0 16px;gap:22px}.tab{font-size:12px}.order-card{padding:16px}.notice{padding:13px 14px;font-size:12px;flex-wrap:wrap}.notice .btn{margin-left:auto}.settings-mobile-select select{background:#fff}.member-row{padding:18px}.member-actions{gap:8px}.settings-channel-card{padding:18px}.settings-channel-card .channel-mark{background:#f2f5fa}.settings-channel-card .channel-mark svg{width:21px;height:21px} .inbox{border:0;box-shadow:none}.inbox-list{}.inbox-list-head{padding:20px}.chat-header{padding:14px}.bubble{font-size:14px}.cart-workspace{}.modal-head{padding:18px 20px}.modal-body{padding:8px 20px 24px}#dialog{}.modal-actions{gap:10px}.form-field>span{font-size:13px}.form-field input,.form-field textarea,.form-field select{font-size:16px}.login-inner h1{font-size:30px} .mobile-nav{background:rgba(255,255,255,.96);border-color:var(--line);backdrop-filter:blur(20px);padding:8px 8px max(9px,env(safe-area-inset-bottom))}.mobile-nav button{min-height:50px;font-size:10px;color:#656e7b;gap:5px}.mobile-nav button.active{color:var(--blue-dark)}.mobile-nav button.active:before{display:none}.mobile-nav button.active .icon{background:#edf4ff;border-radius:4px;box-shadow:0 0 0 5px #edf4ff}.mobile-nav .icon{width:21px;height:21px} } @media(max-width:380px){.main{padding-inline:14px}.product-grid{gap:10px}.product-card .product-body{padding:12px}.product-photo{height:140px}.page-head h1{font-size:28px}.stat .value{font-size:27px}.stat .label{font-size:11px}.fulfillment-step{padding:14px}.notice .btn{margin-left:0}.metric-line{gap:8px}} @media(prefers-reduced-motion:no-preference){.btn,.icon-btn,.nav-item,.product-card{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}} .cart-quantity button .icon{width:16px;height:16px}.cart-quantity button{display:inline-flex;align-items:center;justify-content:center} /* Verified text contrast while retaining Facebook blue for brand accents. */ .blue,a{color:var(--blue-dark)} .btn.primary{background:var(--blue-dark);border-color:var(--blue-dark)} .btn.primary:hover{background:#0759c0;border-color:#0759c0} .product-placeholder,.connection-bottom p,.notification-option small,.preview-note,#product-form #audience-help{color:#626970} .stamp{color:#99535e;border-color:#99535e} .notification-preview .eyebrow,.notification-side .eyebrow,.quiet-empty{color:var(--muted)} .notification-bubble>span{color:var(--blue-dark)} .receipt-paper .stamp{color:#99535e;border-color:#99535e} /* One saved conversation-mode switch; status remains explicit when automation is paused. */ .conversation-ai-control{min-width:0;display:flex;flex-direction:column;gap:2px;max-width:calc(100% - 72px)} .conversation-ai-row{display:flex;align-items:center;gap:8px;min-height:44px} .conversation-ai-label{font-size:13px;font-weight:650;color:#172b4d} .conversation-ai-switch{display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:44px;padding:0;border:0;background:transparent;border-radius:8px;cursor:pointer} .conversation-ai-track{display:flex;align-items:center;width:40px;height:24px;padding:3px;border-radius:20px;background:#637085;transition:background .15s} .conversation-ai-track>span{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s} .conversation-ai-switch[aria-checked="true"] .conversation-ai-track{background:#0866d9} .conversation-ai-switch[aria-checked="true"] .conversation-ai-track>span{transform:translateX(16px)} .conversation-ai-switch:focus-visible{outline:3px solid #0866d9;outline-offset:2px} .conversation-ai-switch:hover:not([aria-disabled="true"]){background:#edf4ff} .conversation-ai-switch[aria-disabled="true"]{cursor:wait;opacity:.65} .conversation-ai-switch:disabled{cursor:not-allowed} .conversation-ai-value{font-size:12px;font-weight:650;min-width:20px;color:#334155} .conversation-ai-status{font-size:11px;line-height:1.5;color:#526178;overflow-wrap:anywhere} .conversation-ai-error{font-size:12px;line-height:1.5;color:#b42318;overflow-wrap:anywhere} @media(prefers-reduced-motion:reduce){.conversation-ai-track,.conversation-ai-track>span{transition:none}}