/* Tiệm Mật Selected UX v3.6.0.8 — items 1,4,5,7,10,11,12 */ :root{ --tm-radius-sm:12px; --tm-radius-md:18px; --tm-radius-lg:24px; --tm-control-h:46px; --tm-ease:cubic-bezier(.2,.72,.25,1); --tm-shadow-soft:0 10px 30px rgba(61,44,30,.06); } .tm-app button,.tm-app input,.tm-app textarea,.tm-app select{font-family:inherit} .tm-app button{transition:transform .16s var(--tm-ease),background .16s ease,box-shadow .16s ease,opacity .16s ease} .tm-app button:active{transform:scale(.985)} .tm-modal-sheet,.tm-checkout-section,.tm-feed-card,.tm-account-section,.tm-member-card{border-radius:var(--tm-radius-lg)} .tm-input{min-height:var(--tm-control-h);border-radius:var(--tm-radius-sm)!important} /* 4 — Notification Center */ .tm-header-meta{gap:7px} .tm-notification-button{position:relative;width:38px;height:38px;min-width:38px;border:1px solid color-mix(in srgb,var(--gold-border) 72%,#fff);background:#fff;color:var(--caramel-dark);border-radius:50%;padding:0;display:grid;place-items:center;box-shadow:0 4px 14px rgba(61,44,30,.035)} .tm-notification-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .tm-notification-button i{display:none;position:absolute;top:-4px;right:-4px;z-index:3;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#e6653d;color:#fff;font-size:10px;font-style:normal;font-weight:900;padding:0 4px;box-shadow:0 0 0 2px #fff} .tm-ux-notif-sheet{max-width:520px!important;padding:18px!important;max-height:min(82vh,760px)!important;overflow:auto!important} .tm-ux-notif-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px} .tm-ux-notif-head small{font-size:.58rem;letter-spacing:.1em;color:#9a8878;font-weight:800} .tm-ux-notif-head h3{margin:3px 0 0;color:var(--caramel-dark);font-size:1.25rem} .tm-ux-notif-head button{width:38px;height:38px;border:0;border-radius:50%;background:#f3f0ec;color:#695b50;font-size:1.25rem} .tm-ux-notif-item{width:100%;border:0;border-bottom:1px solid #eee9e3;background:#fff;padding:13px 2px;display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:center;text-align:left} .tm-ux-notif-item:last-child{border-bottom:0}.tm-ux-notif-item .tm-ux-notif-dot{width:8px;height:8px;border-radius:50%;background:#e66f3d} .tm-ux-notif-item.read .tm-ux-notif-dot{background:#ddd}.tm-ux-notif-item strong{display:block;color:#45362c;font-size:.78rem} .tm-ux-notif-item small{display:block;color:#8d7d70;font-size:.65rem;line-height:1.42;margin-top:3px}.tm-ux-notif-item>b{color:#a18f80} .tm-ux-empty{padding:32px 18px;text-align:center;color:#88796d}.tm-ux-empty strong,.tm-ux-empty span{display:block}.tm-ux-empty strong{color:#4b3d32;font-size:.86rem}.tm-ux-empty span{font-size:.68rem;margin-top:4px;line-height:1.5} /* 5 — Social Commerce */ .tm-feed-product-picker{margin-top:10px;padding:10px;border:1px solid #eee5dc;border-radius:15px;background:#fbf8f5} .tm-feed-product-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.tm-feed-product-picker-head strong{font-size:.7rem;color:#4f4035}.tm-feed-product-picker-head small{font-size:.58rem;color:#9b897a} .tm-feed-product-chip-scroll{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.tm-feed-product-chip-scroll::-webkit-scrollbar{display:none} .tm-feed-product-chip-scroll button{white-space:nowrap;border:1px solid #e6ddd4;background:#fff;color:#6d5c50;border-radius:999px;padding:7px 10px;font-size:.62rem;font-weight:720} .tm-feed-product-chip-scroll button.active{border-color:#d77a3c;background:#fff1e7;color:#b45a23} .tm-feed-product-tags{display:flex;gap:8px;overflow:auto;margin:10px 0 1px;scrollbar-width:none}.tm-feed-product-tags::-webkit-scrollbar{display:none} .tm-feed-product-tags>button{flex:0 0 auto;min-width:170px;max-width:235px;border:1px solid #eee1d5;background:#fffaf5;border-radius:14px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left} .tm-feed-product-tags strong,.tm-feed-product-tags small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-feed-product-tags strong{font-size:.68rem;color:#4a392c}.tm-feed-product-tags small{font-size:.59rem;color:#d46e34;margin-top:2px;font-weight:800} .tm-feed-product-tags>button>b{width:28px;height:28px;border-radius:50%;background:#49301f;color:#fff;display:grid;place-items:center;font-size:1rem;flex:0 0 auto} /* 7 — Customer Hub */ .tm-journal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 10px} .tm-journal-stats>div{padding:11px 8px;border:1px solid #ece3da;background:#fff;border-radius:15px;text-align:center} .tm-journal-stats strong,.tm-journal-stats span{display:block}.tm-journal-stats strong{font-size:.82rem;color:#47372c}.tm-journal-stats span{font-size:.57rem;color:#9a897b;margin-top:2px} /* 12 — Search Everything */ .tm-search-everything{margin-top:16px}.tm-search-everything-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 2px 8px} .tm-search-everything-head strong{font-size:.82rem;color:#4b392d}.tm-search-everything-head span{font-size:.58rem;color:#9a8879} .tm-search-everything-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tm-search-everything-grid button{border:1px solid #e9e0d7;background:#fff;border-radius:14px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#5a493c;font-size:.66rem;font-weight:740;text-align:left}.tm-search-everything-grid button b{color:#a58f7e} @media(max-width:420px){.tm-search-everything-grid{grid-template-columns:1fr 1fr}} @media(prefers-reduced-motion:reduce){.tm-app *, .tm-app *:before,.tm-app *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}} /* Search polish — smoother entrance, slightly lower safe position, no top clipping */ .tm-search-launch{ transition:transform .28s var(--tm-ease),opacity .2s ease,box-shadow .2s ease,background .2s ease!important; will-change:transform; } .tm-app.tm-search-active .tm-search-launch{ top:6px!important; padding-top:calc(env(safe-area-inset-top,0px) + 12px)!important; animation:tmUxSearchSettle .28s var(--tm-ease)!important; } .tm-app.tm-search-active .tm-search-bar{transform:none!important} .tm-search-overlay{padding-top:calc(env(safe-area-inset-top,0px) + 82px)!important} .tm-search-overlay-scroll{scroll-behavior:smooth} .tm-search-results-panel,.tm-search-discovery-panel{transition:opacity .18s ease,transform .18s var(--tm-ease)} @keyframes tmUxSearchSettle{from{opacity:.76;transform:translateX(-50%) translateY(-7px)}to{opacity:1;transform:translateX(-50%) translateY(0)}} @media(max-width:420px){.tm-app.tm-search-active .tm-search-launch{top:5px!important}.tm-search-overlay{padding-top:calc(env(safe-area-inset-top,0px) + 80px)!important}} /* v3.6.0.35 — Authenticated bank payment success and order-tracking prompt */ .tm-bank-paid-overlay{position:fixed;inset:0;z-index:999999;background:rgba(22,26,30,.53);display:none;align-items:center;justify-content:center;padding:20px;overflow-y:auto;} .tm-bank-paid-overlay.active{display:flex;} .tm-bank-paid-card{width:min(100%,400px);background:#fffdfa;color:#433126;border:1px solid rgba(190,141,97,.25);border-radius:25px;box-shadow:0 24px 65px rgba(37,25,18,.23);padding:28px 24px 24px;text-align:center;box-sizing:border-box;} .tm-bank-paid-check{height:66px;width:66px;border-radius:50%;background:#e8f8ee;color:#23834c;font-size:35px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;} .tm-bank-paid-card h3{font-size:21px;line-height:1.25;margin:0 0 11px;color:#2f4b39;font-weight:850;} .tm-bank-paid-card p{margin:0 0 15px;line-height:1.55;color:#65564d;font-size:14px;} .tm-bank-paid-order{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff6ec;padding:13px 14px;border-radius:13px;margin:14px 0;color:#695241;font-size:13px;} .tm-bank-paid-order strong{font-size:15px;color:#503521;word-break:break-all;} .tm-bank-paid-card .tm-bank-paid-tip{font-size:12px;color:#7b6b60;} .tm-bank-paid-track,.tm-bank-paid-close{width:100%;border-radius:13px;font-size:14px;min-height:48px;font-weight:800;cursor:pointer;} .tm-bank-paid-track{border:0;background:#d97837;color:#fff;} .tm-bank-paid-close{border:1px solid #e5d6c9;background:#fff;color:#614832;margin-top:9px;} .tm-bank-paid-highlight{outline:2px solid #dda36a;outline-offset:3px;transition:outline-color .3s;} @media(max-width:380px){.tm-bank-paid-card{padding:23px 17px;}.tm-bank-paid-card h3{font-size:19px;}} /* v3.6.0.36 — Unblock QR sheet: independent navigation even on API failure */ .tm-bank-retry-btn{display:block;width:100%;margin:12px 0 8px;border:1px solid rgba(152,104,56,.25);border-radius:12px;padding:12px;background:#fff8eb;color:#70502a;font-size:14px;font-weight:700;min-height:44px;cursor:pointer} .tm-bank-payment-exit-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:8px 0} .tm-bank-payment-exit-row button{min-height:45px;border-radius:12px;border:1px solid #ddd3c8;background:#fff;color:#593e2c;font-size:13px;font-weight:700;cursor:pointer} .tm-bank-payment-exit-row button:first-child{background:#fff0d8;border-color:#ffe1b5;color:#a0561b} .tm-bank-exit-help{font-size:11.5px;line-height:1.55;text-align:center;color:#7d746d;margin:6px 3px 10px} @media (max-width:360px){.tm-bank-payment-exit-row{grid-template-columns:1fr}} /* v3.6.0.51 — floating notification popover from the bell, not the generic bottom sheet. */ #tm-app-root > #tm-modal-notifications.tm-ux-notif-overlay{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important; z-index:2650!important;align-items:unset!important;justify-content:unset!important; background:rgba(30,24,20,.13)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; overflow:visible!important; } #tm-app-root > #tm-modal-notifications .tm-ux-notif-sheet{ position:absolute!important;left:var(--tm-notif-left,12px)!important;top:var(--tm-notif-top,70px)!important; right:auto!important;bottom:auto!important; width:var(--tm-notif-width,calc(100% - 24px))!important;max-width:380px!important; max-height:var(--tm-notif-maxheight,70vh)!important;min-height:0!important; border-radius:23px!important;overflow:visible!important;padding:0!important; display:flex!important;flex-direction:column!important;align-items:stretch!important; border:1px solid rgba(190,163,141,.24)!important;background:#fff!important; box-shadow:0 22px 70px rgba(49,31,20,.20),0 3px 12px rgba(49,31,20,.07)!important; transform-origin:var(--tm-notif-arrow-x,calc(100% - 30px)) top; animation:tmNotifPop .23s cubic-bezier(.2,.8,.24,1) both!important; } #tm-app-root > #tm-modal-notifications .tm-ux-notif-sheet::before{display:none!important} #tm-app-root > #tm-modal-notifications .tm-ux-notif-sheet::after{ content:"";position:absolute;left:calc(var(--tm-notif-arrow-x,calc(100% - 30px)) - 8px);top:-7px; width:14px;height:14px;background:#fff;transform:rotate(45deg); border-top:1px solid rgba(190,163,141,.24);border-left:1px solid rgba(190,163,141,.24); z-index:1;border-radius:3px 0 0 0; } @keyframes tmNotifPop{from{opacity:0;transform:translateY(-9px) scale(.91)}to{opacity:1;transform:translateY(0) scale(1)}} #tm-app-root .tm-ux-notif-head{ position:relative;z-index:2;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between; gap:12px;padding:17px 17px 12px;margin:0!important; } #tm-app-root .tm-ux-notif-heading{display:flex;gap:10px;align-items:center;min-width:0} #tm-app-root .tm-ux-notif-heading-icon{width:38px;height:38px;border-radius:13px;flex:0 0 38px; display:grid;place-items:center;background:color-mix(in srgb,var(--accent-orange) 11%,white);color:var(--accent-orange)} #tm-app-root .tm-ux-notif-heading-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #tm-app-root .tm-ux-notif-head small{font-size:10px;font-weight:800;letter-spacing:.09em;color:#a28d7b} #tm-app-root .tm-ux-notif-head h3{margin:1px 0 0!important;font-size:18px!important;letter-spacing:-.03em;line-height:1.25;color:#392a20!important} #tm-app-root .tm-ux-notif-head .tm-ux-notif-close{flex:0 0 32px;width:32px!important;height:32px!important;border:0;border-radius:50%;display:grid;place-items:center; background:#f6f3ef!important;color:#806d5e!important;line-height:1;font-size:22px!important;font-weight:400!important} #tm-app-root .tm-ux-notif-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 17px 11px;border-bottom:1px solid #f1ece7;flex:0 0 auto} #tm-app-root .tm-ux-notif-toolbar span{font-size:11px;color:#938174;font-weight:700} #tm-app-root .tm-ux-notif-toolbar button{border:0;background:transparent;color:var(--accent-orange);padding:6px 0;font-size:11px;font-weight:800;white-space:nowrap} #tm-app-root .tm-ux-notif-toolbar button[hidden]{display:none!important} #tm-app-root .tm-ux-notif-list{padding:8px 10px 12px;min-height:78px;min-width:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1 1 auto} #tm-app-root .tm-ux-notif-item{width:100%;display:flex;align-items:center;gap:11px;min-width:0;border:0!important; border-radius:15px;padding:11px 8px!important;margin:0 0 3px;background:#fff;text-align:left;box-shadow:none} #tm-app-root .tm-ux-notif-item.unread{background:#fffaf5} #tm-app-root .tm-ux-notif-item:active{background:#f5eee8} #tm-app-root .tm-ux-notif-item-icon{width:38px;height:38px;flex:0 0 38px;border-radius:13px;display:grid;place-items:center; background:#f2f3fb;color:#6e77bf} #tm-app-root .tm-ux-notif-type-missions{background:#f1eafa;color:#986ab4} #tm-app-root .tm-ux-notif-type-voucher{background:#eaf7ed;color:#319968} #tm-app-root .tm-ux-notif-item-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #tm-app-root .tm-ux-notif-item-content{min-width:0;flex:1} #tm-app-root .tm-ux-notif-item-content strong{display:block;color:#423126;font-size:12px;font-weight:780;line-height:1.35;overflow-wrap:anywhere} #tm-app-root .tm-ux-notif-item-content small{display:block;margin-top:3px;color:#8e7c6e;font-size:11px;line-height:1.45;overflow-wrap:anywhere} #tm-app-root .tm-ux-notif-item-end{display:flex;align-items:center;gap:5px;flex:0 0 auto} #tm-app-root .tm-ux-notif-item-end svg{width:13px;height:13px;stroke:#b9a89b;stroke-width:1.7;fill:none} #tm-app-root .tm-ux-notif-unread-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--accent-orange)} #tm-app-root .tm-ux-notif-done{font-size:10px;color:#b2a79f;font-weight:600} #tm-app-root .tm-ux-empty{padding:25px 18px 28px;color:#8c8178;text-align:center} #tm-app-root .tm-ux-empty-illustration{width:48px;height:48px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:#e9f7ee;color:#399465;font-size:23px;font-weight:800} #tm-app-root .tm-ux-empty strong{font-size:13px;color:#49382c} #tm-app-root .tm-ux-empty span:last-child{font-size:11px;line-height:1.55;margin-top:6px} @media(prefers-reduced-motion:reduce){#tm-app-root > #tm-modal-notifications .tm-ux-notif-sheet{animation:none!important}} /* v3.6.0.52 — Smart notifications and clear customer tracking. */ #tm-app-root .tm-ux-notif-filters{display:flex;gap:6px;overflow-x:auto;padding:10px 12px 8px;scrollbar-width:none;border-bottom:1px solid #f1ece7} #tm-app-root .tm-ux-notif-filters::-webkit-scrollbar{display:none} #tm-app-root .tm-ux-notif-filters button{border:1px solid #ece6df;border-radius:999px;background:#fff;color:#85766b;white-space:nowrap;font-size:11px;padding:8px 10px;min-height:34px;font-weight:700} #tm-app-root .tm-ux-notif-filters button.active{border-color:var(--accent-orange);color:var(--accent-orange);background:#fff8f2} #tm-app-root .tm-ux-notif-item{touch-action:pan-y} .tm-tracking-highlight{outline:2px solid var(--accent-orange);box-shadow:0 6px 25px rgba(210,112,45,.2)!important;transition:box-shadow .35s,outline .35s} .tm-track-summary{background:linear-gradient(135deg,#f8fcf8,#f7f4ed);border:1px solid #dfeadf;border-radius:14px;padding:12px;margin:9px 0} .tm-track-status{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#287552} .tm-track-status strong{flex:1}.tm-track-status small{color:#7b8c7d;font-size:.66rem}.tm-track-pulse{width:9px;height:9px;background:#31a56b;border-radius:50%;box-shadow:0 0 0 4px #e0f4e8} .tm-track-progress{height:6px;background:#e2e9e2;border-radius:20px;margin:12px 0 8px;overflow:hidden}.tm-track-progress>span{display:block;height:100%;background:#33a76d;border-radius:inherit;transition:width .45s ease} .tm-track-summary p{margin:0;font-size:.7rem;color:#6b8074} @media(prefers-reduced-motion:reduce){.tm-track-progress>span{transition:none}} #tm-app-root .tm-ux-notif-hint{padding:8px 12px 12px;color:#9d897c;font-size:10px;text-align:center;border-top:1px solid #f5eee7} /* 53: Notifications are text-on-white, including in the highly customized seasonal mode. Override the global button skin and its decorative ::before overlay. */ #tm-app-root #tm-modal-notifications .tm-ux-notif-toolbar #tm-ux-notif-read-all, #tm-app-root #tm-modal-notifications .tm-ux-notif-item, #tm-app-root #tm-modal-notifications .tm-ux-notif-item.unread, #tm-app-root #tm-modal-notifications .tm-ux-notif-item:active{ background:transparent!important;background-image:none!important; box-shadow:none!important; } #tm-app-root #tm-modal-notifications .tm-ux-notif-toolbar #tm-ux-notif-read-all{ border:0!important;color:var(--accent-orange)!important; text-decoration:none!important;padding:6px 0!important; } #tm-app-root #tm-modal-notifications .tm-ux-notif-toolbar #tm-ux-notif-read-all::before, #tm-app-root #tm-modal-notifications .tm-ux-notif-item::before{ content:none!important;display:none!important;background:none!important; } #tm-app-root #tm-modal-notifications .tm-ux-notif-item{ border-radius:0!important;border-bottom:1px solid #f0ebe7!important; color:#423126!important;isolation:auto!important; } #tm-app-root #tm-modal-notifications .tm-ux-notif-item:last-child{border-bottom:0!important} #tm-app-root #tm-modal-notifications .tm-ux-notif-item-content strong{color:#423126!important} #tm-app-root #tm-modal-notifications .tm-ux-notif-item-content small{color:#8e7c6e!important} #tm-app-root #tm-modal-notifications .tm-ux-notif-item-icon, #tm-app-root #tm-modal-notifications .tm-ux-notif-type-missions, #tm-app-root #tm-modal-notifications .tm-ux-notif-type-voucher{ background:transparent!important;background-image:none!important;box-shadow:none!important; } /* v3.6.0.56 — refined customer order center (mobile first, no map/address buttons). */ #tm-app-root #tm-panel-orders .tm-customer-title{align-items:center;margin-bottom:14px;gap:10px} #tm-app-root #tm-panel-orders .tm-customer-title h3{letter-spacing:-.45px;font-size:1.12rem} #tm-app-root #tm-panel-orders .tm-customer-sub{max-width:235px;line-height:1.45} #tm-app-root #tm-panel-orders .tm-orders-refresh{flex:0 0 auto;border-radius:999px;padding:9px 12px;min-height:38px;font-weight:750} #tm-app-root #tm-panel-orders .tm-orders-overview{justify-content:space-between;align-items:center;gap:15px;padding:18px 17px;margin:0 0 15px;background:linear-gradient(115deg,#f5f9f5 0%,#fdfcf9 100%);border:1px solid #e2eae0;border-radius:20px;box-shadow:0 5px 22px rgba(38,66,46,.04)} #tm-app-root #tm-panel-orders .tm-orders-overview-main{min-width:0;display:flex;flex-direction:column;gap:4px} #tm-app-root #tm-panel-orders .tm-orders-overview-main>span,#tm-app-root #tm-panel-orders .tm-orders-overview-side>span{font-size:.66rem;color:#68836e;font-weight:750} #tm-app-root #tm-panel-orders .tm-orders-overview-main>strong{font-size:1.1rem;letter-spacing:-.4px;line-height:1.3;color:#254934} #tm-app-root #tm-panel-orders .tm-orders-overview-main>small{font-size:.66rem;color:#778c79;line-height:1.4} #tm-app-root #tm-panel-orders .tm-orders-overview-side{text-align:center;flex:0 0 95px;display:flex;flex-direction:column;align-items:center;gap:4px;border-left:1px solid #dce6dd;padding-left:12px} #tm-app-root #tm-panel-orders .tm-orders-overview-side>strong{font-size:1.65rem;color:#254934;font-variant-numeric:tabular-nums;line-height:1.2} #tm-app-root #tm-panel-orders .tm-orders-filters{gap:6px;margin:0 0 13px;overflow-x:auto;scrollbar-width:none} #tm-app-root #tm-panel-orders .tm-orders-filters::-webkit-scrollbar{display:none} #tm-app-root #tm-panel-orders .tm-orders-filters button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;flex:1 0 auto;padding:9px 10px;min-height:41px;background:#fff;border:1px solid #e9e5df;border-radius:12px;white-space:nowrap;font-size:.72rem;font-weight:800;color:#827468;cursor:pointer;box-shadow:none} #tm-app-root #tm-panel-orders .tm-orders-filters button span{font-size:.62rem;color:inherit;opacity:.75;font-weight:750;font-variant-numeric:tabular-nums} #tm-app-root #tm-panel-orders .tm-orders-filters button.active{background:var(--caramel-dark);border-color:var(--caramel-dark);color:#fff} #tm-app-root #tm-panel-orders .tm-orders-filter-empty{background:#fff;border:1px dashed #e9e0d6;border-radius:16px;padding:24px 18px;text-align:center;color:#8b7e72;font-size:.75rem;line-height:1.6} #tm-app-root #tm-panel-orders .tm-history-card{background:var(--card-bg);padding:16px;border:1px solid #eae5de;border-radius:20px;margin-bottom:13px;box-shadow:0 6px 20px rgba(49,35,23,.045);overflow:hidden} #tm-app-root #tm-panel-orders .tm-history-card-active{border-color:#e4e8df} #tm-app-root #tm-panel-orders .tm-history-head{padding-bottom:12px;border-bottom:1px solid #f0ede8;align-items:center;gap:10px} #tm-app-root #tm-panel-orders .tm-history-head-main{min-width:0} #tm-app-root #tm-panel-orders .tm-history-id{font-size:.95rem;font-weight:900;letter-spacing:-.2px} #tm-app-root #tm-panel-orders .tm-history-time{font-size:.69rem;line-height:1.5;margin-top:3px;color:#96887a} #tm-app-root #tm-panel-orders .tm-status-pill{max-width:52%;white-space:normal;text-align:center;line-height:1.35;border-radius:999px;padding:7px 10px;font-weight:850;font-size:.67rem} #tm-app-root #tm-panel-orders .tm-history-kind{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:12px 0 10px;color:#8b8177;font-size:.7rem;font-weight:700} #tm-app-root #tm-panel-orders .tm-history-kind>span:not(:first-child){border-left:1px solid #e6dfd6;padding-left:12px} #tm-app-root #tm-panel-orders .tm-history-kind .tm-history-eta{color:#36805a;border:0;padding-left:0} #tm-app-root #tm-panel-orders .tm-history-progress{padding:12px;border:1px solid #e8eee8;background:#f8faf7;border-radius:13px;margin-bottom:12px} #tm-app-root #tm-panel-orders .tm-history-progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:.7rem} #tm-app-root #tm-panel-orders .tm-history-progress-label strong{color:#327552;font-weight:850} #tm-app-root #tm-panel-orders .tm-history-progress-label span{color:#90a293;font-size:.66rem} #tm-app-root #tm-panel-orders .tm-history-progress-bars{display:flex;gap:5px;height:5px} #tm-app-root #tm-panel-orders .tm-history-progress-bars>span{flex:1;background:#e4e9e3;border-radius:8px} #tm-app-root #tm-panel-orders .tm-history-progress-bars>span.done{background:#459f73} #tm-app-root #tm-panel-orders .tm-history-note{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;margin:9px 0;padding:9px 11px;border-radius:10px;background:#faf6ee;border:1px solid #eee5d6;color:#7f6b49;font-size:.71rem} #tm-app-root #tm-panel-orders .tm-history-note strong{font-weight:800} #tm-app-root #tm-panel-orders .tm-history-items{padding:4px 0 8px} #tm-app-root #tm-panel-orders .tm-history-item{align-items:flex-start;padding:5px 0;color:#67594d;font-size:.74rem;line-height:1.45} #tm-app-root #tm-panel-orders .tm-history-item span:last-child{flex:0 0 auto;font-variant-numeric:tabular-nums;color:#8d8176;font-weight:700} #tm-app-root #tm-panel-orders .tm-history-item-name{min-width:0} #tm-app-root #tm-panel-orders .tm-history-item-name b{color:#b1845f;font-weight:900;margin-right:2px} #tm-app-root #tm-panel-orders .tm-history-total{margin:2px 0 0;padding:12px 0;border-top:1px solid #eee9e3;border-bottom:1px solid #eee9e3;font-size:.75rem;color:#847569;font-weight:750} #tm-app-root #tm-panel-orders .tm-history-total strong{font-size:1.05rem;color:var(--caramel-dark);letter-spacing:-.2px} #tm-app-root #tm-panel-orders .tm-history-tracking{border-bottom:1px solid #eee9e3;padding:0;margin:0 0 12px} #tm-app-root #tm-panel-orders .tm-history-tracking>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;color:#594c40;font-weight:800;font-size:.74rem} #tm-app-root #tm-panel-orders .tm-history-tracking>summary::-webkit-details-marker{display:none} #tm-app-root #tm-panel-orders .tm-history-tracking>summary span{color:#9b8d80;font-weight:650;font-size:.68rem} #tm-app-root #tm-panel-orders .tm-history-tracking>summary:after{content:'+';font-size:1rem;color:#a48d7b;font-weight:700} #tm-app-root #tm-panel-orders .tm-history-tracking[open]>summary:after{content:'−'} #tm-app-root #tm-panel-orders .tm-history-tracking .tm-track-summary{margin:0 0 10px} #tm-app-root #tm-panel-orders .tm-history-tracking .tm-order-timeline{margin:0 0 10px;background:#fff} #tm-app-root #tm-panel-orders .tm-history-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px} #tm-app-root #tm-panel-orders .tm-history-action-btn{width:100%;min-height:42px;border:1px solid #e8e1d9;background:#fff;color:#75614f;border-radius:11px;font-size:.74rem;font-weight:800;line-height:1.3;padding:9px 10px;box-shadow:none;text-align:center;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;flex:initial} #tm-app-root #tm-panel-orders .tm-history-action-btn.primary{background:var(--caramel-dark);color:#fff;border-color:var(--caramel-dark)} #tm-app-root #tm-panel-orders .tm-history-action-btn.qr{background:#f4f8fb;color:#44708a;border-color:#ddebf3} #tm-app-root #tm-panel-orders .tm-history-cancelled{margin-bottom:10px;font-size:.72rem;color:#a35656;background:#fdf4f4;border:1px solid #f4e3e3;padding:10px;border-radius:10px} #tm-app-root #tm-panel-orders .tm-history-action-btn:focus-visible,#tm-app-root #tm-panel-orders .tm-history-tracking>summary:focus-visible,#tm-app-root #tm-panel-orders .tm-orders-filters button:focus-visible{outline:2px solid #317c52;outline-offset:2px} @media(max-width:360px){#tm-app-root #tm-panel-orders .tm-orders-overview{padding:13px}#tm-app-root #tm-panel-orders .tm-orders-filters button{padding:8px 6px;font-size:.65rem}#tm-app-root #tm-panel-orders .tm-history-card{padding:13px}} /* v3.6.0.63 — The order contact is a tel: link, not a