/* Order workspace only; shared chat and storefront styling stay independent. */
.online-orders-page { --orders-red:#dc2638; --orders-ink:#29232a; --orders-muted:#79727a; --orders-border:#e5d9dc; --orders-soft:#fff3f4; --orders-shadow-sm:0 2px 4px #47252d12,0 7px 18px #47252d0d; --orders-shadow-md:0 3px 7px #47252d16,0 14px 32px #47252d10; --orders-shadow-lift:0 5px 10px #47252d1a,0 18px 38px #47252d16; }
.online-orders-page .main-content { background:linear-gradient(145deg,#fbf9fa 0%,#f8f5f6 100%); color:var(--orders-ink); }
.online-orders-page .orders-page-header { position:relative; isolation:isolate; margin-bottom:22px; padding:16px 18px; overflow:hidden; border:1px solid #e3d3d7; border-radius:16px; background:linear-gradient(110deg,#fff 0%,#fff8f9 100%); box-shadow:inset 0 1px 0 #fff,var(--orders-shadow-md); }
.online-orders-page .orders-page-header::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--orders-red); }
.online-orders-page .orders-page-header::after { content:""; position:absolute; z-index:-1; right:-55px; top:-85px; width:190px; height:190px; border-radius:50%; background:radial-gradient(circle,#dc263810 0%,#dc263800 70%); }
.online-orders-page .orders-page-title { display:flex; align-items:center; gap:13px; min-width:0; }
.online-orders-page .orders-page-title__icon { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border-radius:13px; color:#fff; background:linear-gradient(145deg,#ed3348,#cc172a); box-shadow:0 7px 16px #dc26382c; font-size:1.25rem; transform:rotate(-3deg); }
.online-orders-page .online-header h2 { margin:0; color:var(--orders-ink); font-size:clamp(1.3rem,2.1vw,1.85rem); line-height:1.3; letter-spacing:-.025em; }
.online-orders-page .orders-page-header .online-header__links { position:relative; z-index:1; }
.online-orders-page .orders-page-header .online-header__links .btn { min-height:42px; padding-inline:15px; }
.online-orders-page .orders-eyebrow { color:var(--orders-muted); font-size:.68rem; font-weight:700; letter-spacing:.12em; margin:0 0 5px; }
.online-orders-page .btn { min-height:40px; border-width:1px; border-radius:10px; font-weight:600; box-shadow:0 2px 4px #47252d12,0 6px 14px #47252d0c; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease; }
.online-orders-page .btn-secondary { background:linear-gradient(180deg,#fff 0%,#fdfafb 100%); color:#554b52; border-color:#dfd0d4; }
.online-orders-page .btn-primary { background:linear-gradient(145deg,#eb3044,#cf192c); border-color:#c91428; box-shadow:0 3px 6px #7d1e2b20,0 8px 18px #dc263826; }
.online-orders-page .btn:not(:disabled):hover { transform:translateY(-2px); box-shadow:0 4px 8px #47252d18,0 11px 22px #47252d14; }
.online-orders-page .btn-primary:not(:disabled):hover { box-shadow:0 5px 10px #7d1e2b26,0 13px 26px #dc263830; }
.online-orders-page .btn:not(:disabled):active { transform:translateY(0); box-shadow:0 1px 3px #47252d1c; }
.online-orders-page .online-tabs { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:9px; margin-bottom:24px; }
.online-orders-page .online-tabs button { position:relative; display:grid; grid-template-columns:1fr; gap:5px; align-content:start; text-align:left; min-height:132px; padding:14px 11px 11px; border:1px solid #e3d6d9; background:linear-gradient(155deg,#fff 0%,#fefcfd 100%); color:var(--orders-ink); border-radius:14px; box-shadow:inset 0 1px 0 #fff,var(--orders-shadow-sm); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; overflow:hidden; }
.online-orders-page .online-tabs button:hover { transform:translateY(-4px); border-color:#e88d98; box-shadow:inset 0 1px 0 #fff,var(--orders-shadow-lift); }
.online-orders-page .online-tabs button[aria-pressed="true"] { background:linear-gradient(145deg,#eb3044,#cf192c); border-color:#c91428; color:#fff; box-shadow:inset 0 1px 0 #ffffff30,0 5px 10px #841f2c28,0 14px 30px #dc26382d; }
.online-orders-page .online-tabs span { padding:0; min-width:0; border-radius:0; background:none; color:inherit; text-align:left; }
.online-orders-page .online-tabs .orders-stat-label { font-size:.77rem; font-weight:700; z-index:1; }
.online-orders-page .online-tabs .orders-stat-count { font-size:2rem; font-weight:700; line-height:1.25; margin:7px 0 4px; z-index:1; font-variant-numeric:tabular-nums; }
.online-orders-page .online-tabs .orders-stat-hint { color:var(--orders-muted); font-size:.66rem; z-index:1; }
.online-orders-page .online-tabs button[aria-pressed="true"] .orders-stat-hint { color:#ffe8eb; }
.online-orders-page .orders-stat-icon { position:absolute; right:9px; top:49px; font-size:1.55rem; display:grid; place-items:center; width:43px; height:43px; color:var(--orders-red); background:var(--orders-soft); border-radius:13px; transform:rotate(-8deg); box-shadow:inset 0 -3px 0 #dc263810; }
.online-orders-page [aria-pressed="true"] .orders-stat-icon { background:#ffffff22; color:#fff; }
.online-orders-page .online-workspace { grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr); gap:20px; }
.online-orders-page .online-workspace > .online-panel { transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1),filter .18s ease; }
.online-orders-page .online-workspace.is-switching { pointer-events:none; }
.online-orders-page .online-workspace.is-switching > .online-panel { opacity:.42; transform:translateY(6px) scale(.997); filter:saturate(.8); will-change:opacity,transform; }
.online-orders-page #orderDetail.is-detail-entering { animation:orders-detail-enter .3s cubic-bezier(.22,1,.36,1); }
.online-orders-page .online-workspace > .online-panel:first-child { grid-column:2; grid-row:1; }
.online-orders-page .online-workspace > .online-panel:last-child { grid-column:1; grid-row:1; }
.online-orders-page .online-panel { border:1px solid #e2d5d8; background:#fff; border-radius:17px; box-shadow:inset 0 1px 0 #fff,var(--orders-shadow-md); }
.online-orders-page .online-panel__head { border-color:var(--orders-border); padding:18px; }
.online-orders-page .online-panel__body { padding:22px; }
.online-orders-page .orders-detail-head { padding:0 0 17px; align-items:center; }
.online-orders-page .online-detail-title { font-size:1.45rem; color:var(--orders-ink); }
.online-orders-page .online-list { padding:12px; gap:10px; max-height:72dvh; }
.online-orders-page .online-list-row { background:#fff; color:var(--orders-ink); border:1px solid #e4d8db; border-radius:12px; padding:15px; box-shadow:0 1px 3px #47252d0c,0 4px 10px #47252d08; transition:background .18s,border-color .18s,box-shadow .18s,transform .18s; }
.online-orders-page .online-list-row:hover { background:#fff9fa; border-color:#e8959f; box-shadow:var(--orders-shadow-sm); transform:translateY(-1px); }
.online-orders-page .online-list-row[aria-current="true"] { background:var(--orders-soft); border-color:var(--orders-red); box-shadow:inset 3px 0 var(--orders-red); }
.online-orders-page .online-list-row__line { font-size:.96rem; }
.online-orders-page .online-list-row__line b { flex-shrink:0; }
.online-orders-page .online-list-row small { color:var(--orders-muted); font-size:.75rem; }
.online-orders-page .online-ellipsis { font-size:.88rem; }
.online-orders-page .online-ellipsis i { margin-right:4px; color:#9d8c94; }
.online-orders-page .orders-row-status,.online-orders-page .online-badge { width:fit-content; padding:5px 9px; background:#fff0f2; color:#b21e30; border-radius:7px; font-size:.75rem; font-weight:600; }
.online-orders-page #orderList { gap:7px; padding:9px; }
.online-orders-page .orders-compact-row { grid-template-columns:minmax(0,1fr); gap:5px; padding:11px 14px; border-radius:12px; }
.online-orders-page .orders-compact-row[aria-current="true"] { border-color:#dfcdd1; box-shadow:inset 0 1px 0 #fff,var(--orders-shadow-sm); }
.orders-card-field { display:grid; grid-template-columns:100px 6px minmax(0,1fr); gap:5px; min-width:0; align-items:baseline; }
.orders-card-label { color:#76656e; font-size:.78rem; line-height:1.4; white-space:nowrap; }
.orders-card-colon { color:#aa929a; font-size:.78rem; }
.orders-card-value { min-width:0; color:var(--orders-ink); font-size:.85rem; line-height:1.4; overflow-wrap:anywhere; }
.orders-card-sales .orders-card-value { color:#b21e30; font-size:.9rem; font-variant-numeric:tabular-nums; }
.orders-card-date .orders-card-value { font-size:.78rem; font-variant-numeric:tabular-nums; }
.online-orders-page .orders-compact-row .orders-row-status { display:inline-flex; align-items:center; gap:6px; padding:2px 7px; font-size:.7rem; line-height:1.4; }
.online-orders-page .orders-compact-row .orders-row-status::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; flex-shrink:0; }
.online-orders-page .online-facts { background:#fcfafb; border:1px solid #e3d7da; margin:20px 0; padding:17px; box-shadow:inset 0 1px 0 #fff,var(--orders-shadow-sm); }
.online-orders-page .online-facts dt,.online-orders-page .online-items th,.online-orders-page .online-items small { color:var(--orders-muted); }
.online-orders-page .online-facts dd { color:var(--orders-ink); }
.online-orders-page .orders-customer-card { margin:20px 0; overflow:hidden; border:1px solid #e3d7da; border-radius:14px; background:#fff; box-shadow:inset 0 1px 0 #fff,var(--orders-shadow-sm); }
.online-orders-page .orders-customer-card__head { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:58px; padding:10px 13px 10px 15px; border-bottom:1px solid var(--orders-border); background:linear-gradient(100deg,#fff5f6 0%,#fff 75%); }
.online-orders-page .orders-customer-card__head h4 { display:flex; align-items:center; gap:10px; min-width:0; margin:0; color:var(--orders-ink); font-size:.94rem; line-height:1.35; }
.online-orders-page .orders-customer-card__icon { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; color:var(--orders-red); background:#fff; border:1px solid #f0cbd1; border-radius:9px; box-shadow:0 2px 6px #7d1e2b12; }
.online-orders-page .orders-customer-card__tools { display:flex; align-items:center; justify-content:flex-end; gap:9px; min-width:0; }
.online-orders-page .orders-bill-countdown { display:grid; grid-template-columns:auto auto; grid-template-areas:"icon label" "icon value"; align-items:center; column-gap:7px; min-height:36px; padding:5px 10px; color:#9a3412; background:#fff7ed; border:1px solid #fed7aa; border-radius:9px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.online-orders-page .orders-bill-countdown > i { grid-area:icon; font-size:.9rem; }
.online-orders-page .orders-bill-countdown > span { grid-area:label; font-size:.61rem; line-height:1.1; }
.online-orders-page .orders-bill-countdown > strong { grid-area:value; font-size:.83rem; line-height:1.15; letter-spacing:.025em; }
.online-orders-page .orders-bill-countdown.is-close { color:#9e2537; background:#fff2f4; border-color:#efbdc5; }
.online-orders-page .orders-bill-countdown.is-expired { color:#991b1b; background:#fee2e2; border-color:#fca5a5; }
.online-orders-page .orders-customer-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:0; padding:0; overflow:hidden; border:0; background:#fff; box-shadow:none; }
.online-orders-page .orders-customer-fact { position:relative; min-width:0; padding:15px 14px 15px 60px; border-right:1px solid var(--orders-border); }
.online-orders-page .orders-customer-fact:nth-child(3n),.online-orders-page .orders-customer-fact:last-child { border-right:0; }
.online-orders-page .orders-customer-fact__icon { position:absolute; left:14px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:36px; height:36px; color:var(--orders-red); background:var(--orders-soft); border-radius:10px; font-size:.9rem; }
.online-orders-page .orders-customer-fact dt { margin:0 0 3px; font-size:.68rem; line-height:1.35; }
.online-orders-page .orders-customer-fact dd { margin:0; font-size:.82rem; font-weight:600; line-height:1.45; overflow-wrap:anywhere; }
.online-orders-page .orders-customer-fact--address { grid-column:1/-1; min-height:72px; padding-right:14px; border-top:1px solid var(--orders-border); border-right:0; }
.online-orders-page .orders-customer-fact--address dt { grid-column:1; }
.online-orders-page .orders-customer-fact--address dd { display:flex; align-items:center; gap:8px 14px; min-width:0; }
.online-orders-page .orders-delivery-address__value { min-width:0; overflow-wrap:anywhere; }
.online-orders-page .orders-customer-fact--address small { color:#786870; font-size:.7rem; font-weight:400; }
.online-orders-page .online-items th,.online-orders-page .online-items td { border-color:var(--orders-border); padding-top:13px; padding-bottom:13px; }
.online-orders-page .online-items th { background:#fcfafb; }
.online-orders-page .online-items img { width:42px; height:42px; border:1px solid var(--orders-border); border-radius:9px; }
.online-orders-page .orders-items-card { margin:20px 0; overflow:hidden; border:1px solid #e7bcc3; border-radius:14px; background:#fff; box-shadow:inset 0 1px 0 #fff,var(--orders-shadow-md); }
.online-orders-page .orders-items-table-wrap { overflow-x:auto; }
.online-orders-page .orders-items-table { margin:0; min-width:640px; table-layout:fixed; }
.online-orders-page .orders-items-table th,.online-orders-page .orders-items-table td { padding:11px 12px; border-right:1px solid #efdcdf; border-bottom:1px solid #efdcdf; vertical-align:middle; }
.online-orders-page .orders-items-table th:last-child,.online-orders-page .orders-items-table td:last-child { border-right:0; }
.online-orders-page .orders-items-table tbody tr:last-child td { border-bottom:1px solid #efdcdf; }
.online-orders-page .orders-items-table th { color:#9e3544; background:#fff1f3; font-size:.72rem; font-weight:700; }
.online-orders-page .orders-items-table th:first-child { width:82px; text-align:center; }
.online-orders-page .orders-items-table th:nth-child(3) { width:86px; text-align:center; }
.online-orders-page .orders-items-table th:nth-child(4),.online-orders-page .orders-items-table th:nth-child(5) { width:118px; text-align:right; }
.online-orders-page .orders-items-table td.orders-item-image { text-align:center; }
.online-orders-page .orders-items-table td.orders-item-qty { text-align:center; font-variant-numeric:tabular-nums; }
.online-orders-page .orders-items-table td.orders-item-price,.online-orders-page .orders-items-table td.orders-item-line-total { text-align:right; font-variant-numeric:tabular-nums; }
.online-orders-page .orders-items-table td.orders-item-line-total strong { font-weight:700; }
.online-orders-page .orders-items-table img,.online-orders-page .orders-item-placeholder { display:grid; place-items:center; width:56px; height:56px; margin:auto; object-fit:contain; border:1px solid #efcbd1; border-radius:9px; background:#fff; }
.online-orders-page .orders-item-placeholder { color:#bd6672; background:#fff5f6; }
.online-orders-page .orders-items-table .online-product-name { color:var(--orders-ink); font-size:.84rem; line-height:1.45; }
.online-orders-page .orders-items-table small { margin-top:4px; color:#887880; font-size:.68rem; }
.online-orders-page .orders-order-summary { display:grid; gap:9px; width:min(100%,430px); margin-left:auto; padding:16px 14px 17px; }
.online-orders-page .orders-order-summary > div { display:flex; align-items:center; justify-content:space-between; gap:20px; color:#665b61; font-size:.8rem; }
.online-orders-page .orders-order-summary > div strong { flex-shrink:0; color:#554a50; font-weight:500; font-variant-numeric:tabular-nums; }
.online-orders-page .orders-order-summary .orders-order-summary__net { margin-top:2px; padding-top:10px; border-top:2px solid var(--orders-red); color:var(--orders-red); font-size:.94rem; font-weight:700; }
.online-orders-page .orders-order-summary .orders-order-summary__net strong { color:var(--orders-red); font-size:1.08rem; font-weight:700; }
.online-orders-page #orderDetail.is-editing-items > :is(.orders-items-card,.orders-payment-note,.orders-cancel-note,.online-slip,.orders-slip-trigger,.orders-detail-actions) { display:none; }
.online-orders-page .orders-editor-form { display:block; margin:20px 0 0; padding:0; overflow:hidden; border:1px solid #e6b9c1; border-radius:14px; background:#fff; box-shadow:inset 0 1px 0 #fff,var(--orders-shadow-md); }
.online-orders-page .orders-editor-head { display:flex; align-items:center; gap:11px; padding:13px 15px; border-bottom:1px solid #efd9dd; background:linear-gradient(100deg,#fff5f6 0%,#fff 75%); }
.online-orders-page .orders-editor-head__icon { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; color:#fff; background:linear-gradient(145deg,#eb3044,#cf192c); border-radius:11px; box-shadow:0 5px 12px #dc263826; }
.online-orders-page .orders-editor-head > div { min-width:0; }
.online-orders-page .orders-editor-head h4 { margin:0; color:var(--orders-ink); font-size:1rem; }
.online-orders-page .orders-editor-head p { margin:2px 0 0; color:var(--orders-muted); font-size:.72rem; }
.online-orders-page .orders-editor-table-wrap { overflow-x:auto; }
.online-orders-page .orders-edit-table { width:100%; min-width:850px; margin:0; border-collapse:collapse; table-layout:fixed; font-size:.82rem; }
.online-orders-page .orders-edit-table th,.online-orders-page .orders-edit-table td { padding:10px 12px; border-right:1px solid #efd9dd; border-bottom:1px solid #efd9dd; vertical-align:middle; }
.online-orders-page .orders-edit-table th:last-child,.online-orders-page .orders-edit-table td:last-child { border-right:0; }
.online-orders-page .orders-edit-table th { color:#9e3544; background:#fff1f3; font-size:.7rem; font-weight:700; text-align:left; white-space:nowrap; }
.online-orders-page .orders-edit-table tbody tr:last-child td { border-bottom:1px solid #efd9dd; }
.online-orders-page .orders-edit-image { width:82px; text-align:center!important; }
.online-orders-page .orders-edit-product-image { display:inline-grid; place-items:center; width:56px; height:56px; overflow:hidden; color:#c15261; background:#fff7f8; border:1px solid #efcbd1; border-radius:9px; box-shadow:0 3px 8px #6f293410,inset 0 1px 0 #fff; }
.online-orders-page .orders-edit-product-image img { display:block; width:100%; height:100%; object-fit:contain; }
.online-orders-page .orders-edit-product-image i { display:none; font-size:1.1rem; }
.online-orders-page .orders-edit-product-image.is-missing i { display:block; }
.online-orders-page .orders-edit-name { min-width:210px; overflow-wrap:anywhere; }
.online-orders-page .orders-edit-name strong { display:block; color:var(--orders-ink); font-size:.84rem; line-height:1.4; }
.online-orders-page .orders-edit-name small { display:block; margin-top:3px; color:#887880; font-size:.68rem; }
.online-orders-page .orders-edit-number { width:142px; text-align:right!important; font-variant-numeric:tabular-nums; white-space:nowrap; }
.online-orders-page .orders-edit-table th:nth-child(3),.online-orders-page .orders-edit-table td:nth-child(3) { width:190px; }
.online-orders-page .orders-edit-line-total { color:#c5162e; font-weight:700; }
.online-orders-page .orders-edit-remove { width:64px; text-align:center!important; }
.online-orders-page .orders-edit-qty { display:grid; grid-template-columns:34px minmax(0,86px) 34px; align-items:center; justify-content:end; gap:5px; width:100%; }
.online-orders-page .orders-edit-input { width:86px; height:36px; padding:6px 8px; color:var(--orders-ink); background:#fff; border:1px solid #dfb4bb; border-radius:8px; font:700 .82rem/1 'Sarabun',sans-serif; text-align:center; outline:none; box-shadow:inset 0 1px 2px #47252d0a; }
.online-orders-page .orders-edit-qty .orders-edit-input { width:100%; min-width:0; }
.online-orders-page .orders-edit-price { text-align:right; }
.online-orders-page .orders-edit-input:focus { border-color:var(--orders-red); box-shadow:0 0 0 3px #dc26381c,inset 0 1px 2px #47252d0a; }
.online-orders-page .orders-edit-icon-btn { display:inline-grid; place-items:center; width:34px; height:34px; padding:0; color:#aa1830; background:#fff2f4; border:1px solid #efbdc5; border-radius:8px; cursor:pointer; box-shadow:0 2px 5px #6f29340c; transition:transform .16s ease,box-shadow .16s ease,color .16s ease,background .16s ease,border-color .16s ease; }
.online-orders-page .orders-edit-icon-btn:not(:disabled):hover { color:#fff; background:var(--orders-red); border-color:var(--orders-red); transform:translateY(-1px); box-shadow:0 5px 10px #dc263824; }
.online-orders-page .orders-edit-icon-btn:not(:disabled):active { transform:translateY(0); box-shadow:0 1px 3px #6f293418; }
.online-orders-page .orders-edit-icon-btn:disabled { opacity:.42; cursor:not-allowed; box-shadow:none; }
.online-orders-page .orders-edit-icon-btn.is-remove { color:#b5162c; background:#fff0f2; border-color:#efb8c1; }
.online-orders-page .orders-edit-icon-btn.is-remove:hover { color:#fff; background:#bd1731; border-color:#bd1731; }
.online-orders-page .orders-edit-empty { padding:28px!important; color:var(--orders-muted); text-align:center; }
.online-orders-page .orders-editor-footer { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 14px 4px; color:#7a6e74; font-size:.72rem; }
.online-orders-page .orders-editor-footer > span { text-align:right; }
.online-orders-page .orders-editor-footer > span i { margin-right:4px; }
.online-orders-page .orders-product-picker { margin:10px 14px 4px; padding:12px; border:1px solid #ead6da; border-radius:11px; background:#fff9fa; box-shadow:inset 0 1px 3px #47252d0b; }
.online-orders-page .orders-product-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.online-orders-page .orders-product-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:9px; }
.online-orders-page .orders-product-result { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:9px; align-items:center; min-width:0; padding:8px; border:1px solid #e7d7da; border-radius:9px; color:var(--orders-ink); background:#fff; font:inherit; text-align:left; cursor:pointer; box-shadow:0 2px 5px #47252d0a; }
.online-orders-page .orders-product-result:hover { border-color:#df7f8c; background:#fff5f6; }
.online-orders-page .orders-product-result > img,.online-orders-page .orders-product-result > span:first-child { display:grid; place-items:center; width:42px; height:42px; object-fit:contain; color:#c15261; background:#fff4f5; border:1px solid #efd0d5; border-radius:8px; }
.online-orders-page .orders-product-result > span:nth-child(2) { display:grid; min-width:0; }
.online-orders-page .orders-product-result strong { overflow:hidden; color:var(--orders-ink); font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }
.online-orders-page .orders-product-result small { margin-top:2px; color:var(--orders-muted); font-size:.65rem; }
.online-orders-page .orders-product-result > b { color:#b21e30; font-size:.75rem; white-space:nowrap; }
.online-orders-page .orders-product-empty { grid-column:1/-1; margin:0; padding:18px; color:var(--orders-muted); text-align:center; }
.online-orders-page .orders-editor-summary { margin-top:4px; padding-bottom:10px; }
.online-orders-page .orders-editor-override { margin:4px 14px 12px; color:#66565e; }
.online-orders-page .orders-editor-actions { justify-content:flex-end; padding:13px 14px 15px; border-top:1px solid #eadcdf; background:#fffafb; }
.online-orders-page .online-total { padding:18px 0; align-items:center; }
.online-orders-page .online-total strong { font-size:1.8rem; color:var(--orders-red); }
.online-orders-page .online-note { color:#66565e; }
.online-orders-page .orders-payment-note.is-paid { color:#15803d; font-weight:700; }
.online-orders-page .orders-payment-note.is-paid b { color:#116b33; }
.online-orders-page .orders-slip-trigger { width:fit-content; min-height:40px; display:inline-flex; align-items:center; justify-content:center; gap:8px; margin-top:12px; padding:9px 15px; color:#a7192d; background:#fff; border:1px solid #e7aeb7; border-radius:10px; font:700 .8rem/1.25 'Sarabun',sans-serif; cursor:pointer; box-shadow:0 3px 8px rgba(67,39,46,.08); transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease; }
.online-orders-page .orders-slip-trigger > i { color:var(--orders-red); font-size:.92rem; }
.online-orders-page .orders-slip-trigger:hover { color:#fff; background:var(--orders-red); border-color:var(--orders-red); box-shadow:0 6px 14px rgba(125,30,43,.2); transform:translateY(-1px); }
.online-orders-page .orders-slip-trigger:hover > i { color:#fff; }
.online-orders-page .orders-slip-trigger:disabled { opacity:.65; cursor:progress; transform:none; }
.orders-slip-dialog { position:fixed; inset:0; width:fit-content; max-width:calc(100vw - 28px); height:fit-content; max-height:calc(100dvh - 28px); margin:auto; padding:0; overflow:visible; color:#fff; background:transparent; border:0; border-radius:14px; box-shadow:none; }
.orders-slip-dialog[open] { animation:orders-slip-dialog-in .2s cubic-bezier(.2,.8,.3,1) both; }
.orders-slip-dialog::backdrop { background:rgba(24,15,18,.76); backdrop-filter:blur(5px); }
.orders-slip-dialog__frame { position:relative; display:block; width:fit-content; max-width:100%; margin:0; padding:6px; overflow:visible; background:#fff; border:1px solid rgba(255,255,255,.92); border-radius:12px; box-shadow:0 22px 65px rgba(13,8,10,.42),0 0 0 1px rgba(30,13,18,.16); }
.orders-slip-dialog__frame img { display:block; width:auto; height:auto; max-width:calc(100vw - 42px); max-height:calc(100dvh - 42px); object-fit:contain; border-radius:7px; background:#fff; }
.orders-slip-dialog__close { position:absolute; z-index:2; top:12px; right:12px; width:38px; height:38px; display:grid; place-items:center; padding:0; color:#fff; background:rgba(25,19,21,.76); border:1px solid rgba(255,255,255,.7); border-radius:50%; cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,.28); backdrop-filter:blur(7px); transition:background .15s ease,transform .15s ease; }
.orders-slip-dialog__close:hover { background:rgba(201,0,31,.92); transform:scale(1.05); }
.orders-slip-dialog__close:focus-visible { outline:3px solid rgba(255,255,255,.9); outline-offset:2px; }
@keyframes orders-slip-dialog-in { from { opacity:0; transform:translateY(7px) scale(.975); } to { opacity:1; transform:translateY(0) scale(1); } }
.online-orders-page .orders-delivery-route { display:inline-flex; align-items:center; justify-content:center; gap:7px; flex-shrink:0; margin-left:auto; min-height:36px; padding:7px 11px; border:1px solid #c91428; border-radius:9px; color:#fff; background:linear-gradient(145deg,#eb3044,#cf192c); box-shadow:0 3px 6px #7d1e2b20,0 8px 18px #dc263826; font-size:.74rem; font-weight:700; text-decoration:none; white-space:nowrap; transition:transform .18s ease,box-shadow .18s ease; }
.online-orders-page .orders-delivery-route:hover { color:#fff; transform:translateY(-2px); box-shadow:0 5px 10px #7d1e2b26,0 13px 26px #dc263830; }
.online-orders-page .orders-detail-actions { justify-content:flex-end; margin-top:20px; padding-top:18px; border-top:1px solid var(--orders-border); }
.online-orders-page .orders-detail-actions .btn-primary { padding-inline:24px; }
.online-orders-page .online-empty { padding:70px 16px; font-size:.9rem; color:var(--orders-muted); }
.online-orders-page .online-empty i { display:grid; place-items:center; width:70px; height:70px; margin:0 auto 18px; background:var(--orders-soft); color:#d35a69; border-radius:22px; }
.online-orders-page .online-empty p { font-size:.78rem; margin-top:8px; }
.online-orders-page :is(button,a,input,textarea):focus-visible { outline:3px solid #dc2638; outline-offset:3px; }
.orders-progress { padding:20px 12px 22px; margin-top:18px; background:linear-gradient(180deg,#fff 0%,#fefcfd 100%); border:1px solid #e1d5d8; border-radius:14px; box-shadow:inset 0 1px 0 #fff,var(--orders-shadow-sm); }
.orders-progress-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:0 5px 26px; font-size:.82rem; }
.orders-progress-heading > span { color:var(--orders-muted); font-size:.75rem; }
.orders-progress-row { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.orders-progress-row.is-delivery { grid-template-columns:repeat(3,minmax(0,1fr)); }
.orders-progress-row + .orders-progress-row { margin-top:28px; }
.orders-progress-track { position:absolute; top:22px; left:12.5%; right:12.5%; height:4px; border-radius:9px; overflow:hidden; background:#e8e6e9; }
.orders-progress-row.is-delivery .orders-progress-track { left:16.6667%; right:16.6667%; }
.orders-progress-track i { display:block; height:100%; border-radius:inherit; background:#159447; transition:width .6s ease; }
.orders-step { position:relative; display:grid; justify-items:center; align-content:start; min-width:0; color:#918b93; }
.orders-step-node { --step-pulse:#dc26382b; position:relative; isolation:isolate; display:grid; place-items:center; width:48px; height:48px; background:#eeedf0; color:#9c98a1; border:4px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #eee9eb; font-size:1.05rem; }
.orders-step-node svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.orders-step-label { margin-top:13px; padding:0 3px; font-size:.74rem; line-height:1.5; font-weight:700; text-align:center; overflow-wrap:anywhere; }
.orders-step.is-complete { color:#15803d; }
.orders-step.is-complete .orders-step-node { --step-pulse:#1594472b; background:#159447; color:#fff; }
.orders-step.is-current:not(.is-complete),.orders-step.is-stopped { color:var(--orders-red); }
.orders-step.is-current:not(.is-complete) .orders-step-node,.orders-step.is-stopped .orders-step-node { background:var(--orders-red); color:#fff; }
.orders-step.is-moving .orders-step-node::before,.orders-step.is-moving .orders-step-node::after { content:""; position:absolute; inset:-8px; z-index:-1; border:2px solid var(--step-pulse); border-radius:50%; animation:orders-step-pulse 1.8s ease-out infinite; }
.orders-step.is-moving .orders-step-node::after { animation-delay:.6s; }
.orders-step.is-moving .orders-icon-truck { animation:orders-truck-drive 1.2s ease-in-out infinite; }
.orders-step-dots { position:absolute; bottom:-9px; display:flex; gap:3px; }
.orders-step-dots b { width:3px; height:3px; border-radius:50%; background:var(--orders-red); animation:orders-step-dots 1.2s ease-in-out infinite; }
.is-complete .orders-step-dots b { background:#159447; }
.orders-step-dots b:nth-child(2) { animation-delay:.15s; }
.orders-step-dots b:nth-child(3) { animation-delay:.3s; }
.orders-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes orders-step-pulse { 0% { transform:scale(.85); opacity:.9; } 100% { transform:scale(1.35); opacity:0; } }
@keyframes orders-step-dots { 0%,100% { transform:translateY(0); opacity:.4; } 50% { transform:translateY(-3px); opacity:1; } }
@keyframes orders-truck-drive { 0%,100% { transform:translateX(-2px); } 50% { transform:translateX(2px) translateY(-1px); } }
@keyframes orders-detail-enter { from { opacity:.2; transform:translateY(9px); } to { opacity:1; transform:translateY(0); } }
@media(min-width:1500px) { .online-orders-page .online-workspace { grid-template-columns:minmax(0,1fr) minmax(320px,420px); } }
@media(max-width:1400px) { .online-orders-page .online-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); } .online-orders-page .online-tabs button { min-height:126px; } }
@media(max-width:900px) { .online-orders-page .online-workspace { grid-template-columns:minmax(0,1fr) 260px; gap:12px; } .online-orders-page .online-panel__body { padding:14px; } }
@media(max-width:700px) {
 .online-orders-page .online-workspace { grid-template-columns:minmax(0,1fr); }
 .online-orders-page .online-workspace > .online-panel { grid-column:auto; grid-row:auto; }
 .online-orders-page .online-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:16px; }
 .online-orders-page .online-tabs button { min-height:115px; padding:12px 10px; border-radius:12px; }
 .online-orders-page .online-tabs .orders-stat-label { font-size:.72rem; }
 .online-orders-page .online-tabs .orders-stat-count { font-size:1.8rem; }
 .online-orders-page .online-tabs .orders-stat-hint { display:none; }
 .online-orders-page .orders-stat-icon { top:49px; right:8px; width:33px; height:33px; font-size:1.1rem; border-radius:10px; }
 .online-orders-page .online-list { max-height:none; }
 .online-orders-page .online-detail-title { font-size:1.15rem; }
 .online-orders-page .orders-page-header { padding:13px; }
 .online-orders-page .orders-page-title__icon { flex-basis:42px; width:42px; height:42px; border-radius:11px; font-size:1.08rem; }
 .online-orders-page .orders-page-header .online-header__links { width:100%; }
 .online-orders-page .orders-page-header .online-header__links .btn { flex:1; }
 .online-orders-page .orders-customer-card__head { flex-wrap:wrap; align-items:flex-start; }
 .online-orders-page .orders-customer-card__tools { width:100%; justify-content:space-between; }
 .online-orders-page .orders-customer-facts { grid-template-columns:minmax(0,1fr); }
 .online-orders-page .orders-customer-fact,.online-orders-page .orders-customer-fact:nth-child(3n) { border-right:0; border-bottom:1px solid var(--orders-border); }
 .online-orders-page .orders-customer-fact:last-child { border-bottom:0; }
 .online-orders-page .orders-customer-fact--address { grid-column:1; display:block; border-top:0; }
 .online-orders-page .orders-customer-fact--address dd { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; }
 .online-orders-page .orders-delivery-route { width:max-content; margin:4px 0 0; }
 .online-orders-page .orders-items-table { min-width:0; }
 .online-orders-page .orders-items-table thead { display:none; }
 .online-orders-page .orders-items-table,.online-orders-page .orders-items-table tbody { display:block; }
 .online-orders-page .orders-items-table tbody tr { display:grid; grid-template-columns:58px minmax(0,1fr); gap:5px 11px; min-height:86px; padding:12px; border-bottom:1px solid #efdcdf; }
 .online-orders-page .orders-items-table tbody tr:last-child { border-bottom:0; }
 .online-orders-page .orders-items-table td { padding:0; border:0; text-align:left !important; }
 .online-orders-page .orders-items-table td.orders-item-image { grid-column:1; grid-row:1/5; }
 .online-orders-page .orders-items-table td.orders-item-info { grid-column:2; grid-row:1; margin-bottom:3px; }
 .online-orders-page .orders-items-table td:is(.orders-item-qty,.orders-item-price,.orders-item-line-total) { grid-column:2; display:flex; align-items:center; justify-content:space-between; gap:12px; color:#554a50; font-size:.75rem; }
 .online-orders-page .orders-items-table td:is(.orders-item-qty,.orders-item-price,.orders-item-line-total)::before { content:attr(data-label); color:var(--orders-muted); font-size:.68rem; font-weight:400; }
 .online-orders-page .orders-items-table td.orders-item-line-total strong { color:#b21e30; }
 .online-orders-page .orders-items-table img,.online-orders-page .orders-item-placeholder { width:54px; height:54px; }
 .online-orders-page .orders-order-summary { width:100%; padding:14px 12px; border-top:1px solid #efdcdf; }
 .online-orders-page .orders-edit-table { display:table; min-width:780px; }
 .online-orders-page .orders-edit-table thead { display:table-header-group; }
 .online-orders-page .orders-edit-table tbody { display:table-row-group; }
 .online-orders-page .orders-edit-table tbody tr { display:table-row; min-height:0; padding:0; border:0; }
 .online-orders-page .orders-edit-table td { display:table-cell; padding:9px 10px; border-right:1px solid #efd9dd; border-bottom:1px solid #efd9dd; text-align:inherit!important; }
 .online-orders-page .orders-edit-table td.orders-edit-image,.online-orders-page .orders-edit-table td.orders-edit-remove { text-align:center!important; }
 .online-orders-page .orders-edit-table td.orders-edit-number { text-align:right!important; }
 .online-orders-page .orders-editor-footer { align-items:flex-start; flex-direction:column; }
 .online-orders-page .orders-editor-footer > span { text-align:left; }
 .online-orders-page .orders-product-results { grid-template-columns:minmax(0,1fr); }
 .online-orders-page .orders-editor-actions .btn { flex:1 1 auto; }
 .orders-step-label { font-size:.65rem; }
 .orders-progress { padding-inline:6px; }
 .online-orders-page .orders-detail-actions .btn { flex:1 1 auto; }
}
@media(max-width:380px) { .online-orders-page .online-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); } .online-orders-page .online-facts:not(.orders-customer-facts) { grid-template-columns:minmax(0,1fr); } .online-orders-page .orders-customer-fact { padding:12px 9px 12px 50px; } .online-orders-page .orders-customer-fact__icon { left:9px; width:32px; height:32px; } .online-orders-page .orders-customer-fact dd { font-size:.76rem; } }
@media(max-width:480px) { .online-orders-page .orders-delivery-route { min-height:34px; padding:6px 9px; } .online-orders-page .orders-bill-countdown { min-height:34px; padding:4px 8px; } .online-orders-page .orders-product-search { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) {
 .online-orders-page *, .online-orders-page *::before, .online-orders-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}