/* Faithful to exchange-design-20261004 preview. Scoped to order entry. */
.entry-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0 24px;align-items:start;font-variant-numeric:tabular-nums;--entry-border:#dce0d7;--entry-ease:cubic-bezier(.16,1,.3,1);--muted:#5f6a61}
.entry-heading{margin-bottom:18px}.entry-heading h1{font-size:28px;letter-spacing:0}.entry-heading .btn{min-height:44px;font-size:12px}
.entry-type-tabs{display:flex;gap:8px;margin:0 0 20px}.entry-type-tabs a{padding:9px 17px;min-height:40px;border-radius:8px;color:var(--muted);font-size:13px;text-decoration:none}.entry-type-tabs a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}
.entry-customer-slot{grid-column:1/-1;margin-bottom:20px}.entry-customer{width:100%;display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid var(--entry-border);border-radius:11px;background:var(--bg);text-align:left}.entry-customer>svg{width:20px;height:20px;color:var(--muted);flex:none}.entry-customer strong{font-size:13px;font-weight:600;display:block}.entry-customer small{display:block;font-size:11px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}.entry-customer-action{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.entry-customer-action svg{width:14px;height:14px}
.entry-main,.entry-aside{min-width:0}.entry-aside{position:sticky;top:24px;scroll-margin-top:20px}.entry-section{padding:21px 22px;margin:0 0 20px;border:1px solid var(--entry-border);border-radius:14px;background:var(--bg);box-shadow:none}.entry-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.entry-section-heading h2{font-size:17px;font-weight:650;white-space:nowrap}.entry-section-heading h2 small{font-size:12px;font-weight:400;color:var(--muted);margin-left:6px}.entry-section-heading>small{font-size:11px;color:var(--muted)}.entry-section-heading .text-btn{display:flex;align-items:center;gap:5px;min-height:44px;padding:0;font-size:12px}.entry-section-heading .text-btn svg{width:16px;height:16px}.entry-add-actions{display:flex;gap:7px}.entry-add-actions .btn{min-height:44px;padding:7px 10px;font-size:12px;gap:5px}.entry-add-actions svg{width:17px;height:17px}
.entry-product{border-top:1px solid var(--entry-border);scroll-margin:20px 0 170px}.entry-product-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px 0}.entry-product-row .item-symbol,.entry-product-row .item-thumb{width:52px;height:52px;border-radius:10px;object-fit:cover;flex:none}.entry-product-info{min-width:0}.entry-product-info h3{font-size:15px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.entry-product-purity{display:block;font-size:11px;color:var(--muted);margin-top:2px}.entry-product-info p{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.65;overflow-wrap:anywhere}.entry-product-money{text-align:right;min-width:94px}.entry-product-money>strong{display:block;font-size:17px}.entry-product-money>div{display:flex;justify-content:flex-end;gap:4px}.entry-product-money .text-btn{font-size:11px;padding:0;min-height:32px}.entry-product-money .entry-remove{color:var(--muted)}.entry-pricing{padding:14px 0 17px;border-top:1px dashed var(--entry-border)}.entry-pricing .grid2{align-items:start}.entry-empty{padding:22px 0;font-size:13px;color:var(--muted)}
.entry-subtotal{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--entry-border);padding:13px 0;color:var(--muted);font-size:12px}.entry-subtotal strong{font-size:14px;color:var(--ink);font-weight:600}.entry-old+.entry-old{border-top:1px solid var(--entry-border);padding-top:18px;margin-top:18px}.entry-old{scroll-margin:20px 0 170px}.entry-old-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.entry-old .grid2{gap:15px 20px}.entry-workspace .field,#trade-form.entry-workspace .field{margin-bottom:0}.entry-workspace .field>span{font-size:12px;font-weight:600;margin-bottom:7px}.entry-workspace .field>input,.entry-workspace .field>select,.entry-workspace .field>textarea{background:var(--page);border-color:var(--entry-border);border-radius:9px;min-height:46px;font-size:16px}.entry-workspace .field>textarea{margin-top:10px;min-height:74px}.entry-workspace .field>input:read-only{color:var(--muted);background:var(--panel)}.entry-note{margin:0 0 20px;font-size:12px;color:var(--muted)}.entry-note summary{cursor:pointer;min-height:36px;padding:8px 0}.entry-note .field>span{display:none}
.entry-photo-area{border-top:1px solid var(--entry-border);padding-top:15px;scroll-margin:20px 0 170px}.entry-photo-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.entry-photo-heading strong{font-size:12px;font-weight:600}.entry-photo-heading small{font-size:11px;color:var(--muted)}.entry-photo-content{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.entry-photo-content .trade-photo-strip{padding:0;gap:7px}.entry-photo-content .trade-photo-strip:empty{display:none}.entry-photo-content .trade-photo-strip a{flex-basis:63px;width:63px;height:61px;border-radius:8px}.entry-photo-content .trade-photo-strip img{object-fit:cover}.entry-photo-content .photo-upload{margin:0}.entry-photo-content .photo-upload>span{display:none}.entry-photo-content .photo-upload-actions{gap:7px}.entry-photo-content .file-label,.entry-photo-save{font-size:11px;min-height:44px;padding:7px 10px;border-radius:8px;background:var(--bg)}.entry-photo-content .file-label svg,.entry-photo-save svg{width:17px;height:17px}.entry-evidence{display:grid;gap:16px;margin-top:14px}.entry-evidence .entry-photo-area{padding-top:12px}.entry-photo-content .photo-upload-actions{display:flex;flex-wrap:wrap}.entry-photo-area .photo-error:empty{display:none}
.entry-settlement-section .entry-section-heading{margin-bottom:20px}.entry-amount-field>span{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.entry-total-input{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:53px;padding:10px 12px;border:1px solid #c3d4c8;border-radius:9px;background:var(--accent-soft);color:var(--accent);text-align:left}.entry-total-input strong{font-size:23px;overflow-wrap:anywhere}.entry-total-input svg{height:17px;width:17px}.entry-workspace .entry-amount-field>input{background:var(--accent-soft);border-color:#c3d4c8;min-height:53px;font-size:23px;font-weight:650}.entry-workspace .entry-fee{margin-top:19px!important}.entry-fee input{font-size:18px!important;font-weight:600}.entry-price-note{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);margin-top:8px}.entry-price-note .text-btn{font-size:11px;min-height:30px;padding:0}.entry-quote-rows{display:grid;gap:13px;margin:19px 0;font-size:13px}.entry-quote-rows .kv{padding:0;border:0}.entry-quote-rows dt{color:var(--muted)}.entry-quote-rows strong,.entry-quote-rows dd{font-weight:600;font-size:13px}.entry-result{border-top:1px solid var(--entry-border);padding-top:18px;margin-top:18px;margin-bottom:16px}.entry-result>span{display:block;font-size:14px;font-weight:600}.entry-result>strong{display:block;font-size:34px;color:var(--accent);margin-top:4px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.entry-result.refund>strong{color:var(--bronze)}.entry-desktop-actions{display:flex;flex-direction:column-reverse;gap:9px}.entry-desktop-actions .btn{width:100%;min-height:47px;font-size:13px}.entry-mobile-total{display:flex;align-items:center;gap:10px;margin-bottom:9px}.entry-mobile-total>span{font-size:12px;font-weight:600}.entry-mobile-total>strong{flex:1;min-width:0;color:var(--accent);font-size:23px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}.entry-mobile-total>.text-btn{display:flex;align-items:center;gap:2px;padding:0;min-height:30px;font-size:11px;color:var(--muted)}.entry-mobile-total svg{width:13px;height:13px}
.phone:has(.entry-workspace) .btn,.phone:has(.entry-workspace) .text-btn,.entry-customer,.entry-total-input{transition:background-color 120ms ease-out,transform 120ms ease-out}.phone:has(.entry-workspace) button:active:not(:disabled){transform:translateY(1px)}.entry-workspace :is(input,select,textarea){caret-color:var(--accent)}.entry-workspace :focus-visible,.entry-type-tabs a:focus-visible{outline:3px solid #95bca6;outline-offset:3px}.entry-workspace ::selection{background:#c4dbca;color:#173d30}.entry-workspace .notice{font-size:12px;line-height:1.6;margin:12px 0}.phone:has(.entry-workspace) .modal{animation:entry-dialog-in 200ms cubic-bezier(.16,1,.3,1)}
@keyframes entry-dialog-in{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:1100px) and (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.phone:has(.entry-workspace) .actionbar{display:none}.phone:has(.entry-workspace) #app.with-actions{padding-bottom:28px}}
@media(min-width:1500px){.entry-workspace{grid-template-columns:minmax(0,1fr) 348px;gap:0 28px}.entry-section{padding-left:26px;padding-right:26px}}
@media(max-width:1099px){.entry-workspace{grid-template-columns:minmax(0,1fr) 310px;gap:0 18px}.entry-desktop-actions{display:none}.phone:has(.entry-workspace) .actionbar{padding:10px 14px 11px}.phone:has(.entry-workspace) .action-row{display:grid;grid-template-columns:1fr 1.45fr;gap:9px;margin-top:0}.phone:has(.entry-workspace) .action-row .btn{min-height:44px;padding:10px 9px;font-size:13px}}
@media(max-width:720px){
  .phone:has(.entry-workspace) #app.with-actions{padding:19px 14px 180px}.phone:has(.entry-workspace) .app-header{min-height:61px;padding:9px 14px;gap:8px}.phone:has(.entry-workspace) .header-copy strong{font-size:14px;letter-spacing:0}.phone:has(.entry-workspace) .header-copy small{font-size:9px}.phone:has(.entry-workspace) .avatar{height:28px;width:28px;font-size:12px}.phone:has(.entry-workspace) .app-header>.icon-btn{width:29px;min-width:29px;padding:3px}.phone:has(.entry-workspace) .demo{font-size:8px;max-width:45px;white-space:normal}
  .entry-workspace{display:block}.entry-heading{margin-bottom:15px;align-items:center}.entry-heading h1{font-size:22px}.entry-heading .btn{font-size:11px;padding:8px 13px}.entry-type-tabs{margin-bottom:14px;gap:5px}.entry-type-tabs a{padding:7px 14px;font-size:12px;min-height:34px}.entry-customer-slot{margin-bottom:14px}.entry-customer{padding:11px 12px;gap:7px;border-radius:10px}.entry-customer strong{font-size:12px}.entry-customer small{font-size:10px}.entry-customer>svg{width:17px;height:17px}.entry-customer-action{font-size:10px;gap:2px}.entry-customer-action svg{width:12px;height:12px}
  .entry-section{padding:17px 16px;margin-bottom:14px;border-radius:13px}.entry-section-heading{gap:7px;margin-bottom:15px}.entry-section-heading h2{font-size:16px}.entry-section-heading h2 small{font-size:11px;margin-left:4px}.entry-section-heading .text-btn{font-size:11px}.entry-add-actions{gap:5px}.entry-add-actions .btn{font-size:10px;padding:6px 8px;gap:4px}.entry-add-actions svg{width:15px;height:15px}
  .entry-product-row{grid-template-columns:40px minmax(0,1fr) auto;gap:9px;padding:13px 0}.entry-product-row .item-symbol,.entry-product-row .item-thumb{width:40px;height:40px;font-size:17px;border-radius:9px}.entry-product-info h3{font-size:13px}.entry-product-purity{font-size:10px}.entry-product-info p{font-size:11px;margin-top:3px;line-height:1.6}.entry-product-money{min-width:77px}.entry-product-money>strong{font-size:15px}.entry-product-money .text-btn{font-size:10px;min-height:30px}.entry-product-money>div{gap:5px}.entry-product-money .entry-remove{font-size:10px}.entry-subtotal{font-size:11px;padding:11px 0}.entry-subtotal strong{font-size:13px}.entry-old .grid2{gap:12px}.entry-workspace .field>span{font-size:11px}.entry-workspace .field>input,.entry-workspace .field>select{min-height:45px;padding:9px 10px}.entry-old select{font-size:13px!important}.entry-photo-area{padding-top:13px}.entry-photo-heading strong{font-size:11px}.entry-photo-heading small{font-size:10px}.entry-photo-content{gap:7px}.entry-photo-content .file-label,.entry-photo-save{padding:6px 8px;font-size:11px}.entry-aside{position:static;scroll-margin-top:16px}.entry-settlement-section{padding:19px 18px}.entry-workspace .entry-amount-field>span,.entry-workspace .entry-fee>span{font-size:12px}.entry-workspace .entry-amount-field>input{font-size:23px}.entry-result>strong{font-size:34px}
}
@media(max-width:360px){.entry-product-row{grid-template-columns:32px minmax(0,1fr) auto;gap:7px}.entry-product-row .item-symbol,.entry-product-row .item-thumb{width:32px;height:36px}.entry-product-money>strong{font-size:13px}.entry-section{padding:15px 12px}.entry-section-heading h2{font-size:15px}.entry-add-actions .btn{padding:6px;font-size:10px}.entry-section-heading h2 small{display:block;margin-left:0}.entry-mobile-total>strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.phone:has(.entry-workspace) .modal{animation:entry-opacity 90ms ease-out}.phone:has(.entry-workspace) button:active:not(:disabled){transform:none}.phone:has(.entry-workspace) .btn,.phone:has(.entry-workspace) .text-btn{transition:background-color 90ms ease-out}@keyframes entry-opacity{from{opacity:.7}to{opacity:1}}}

.entry-photo-content .file-label{width:auto;min-width:0;flex:0 0 auto;border-style:solid}
.entry-steps{display:flex;align-items:center;gap:10px;margin:-6px 0 16px;color:var(--muted);font-size:11px}.entry-steps button{background:none;border:0;color:inherit;padding:8px 0;min-height:40px;font:inherit}.entry-steps button:hover{color:var(--accent)}
.entry-segments>div{display:flex;gap:6px}.entry-segments button{flex:1;border:1px solid var(--entry-border);border-radius:8px;background:var(--page);color:var(--ink);font-size:13px;min-height:46px;padding:8px 5px}.entry-segments button[aria-pressed=true]{background:var(--accent-soft);border-color:#a7bfad;color:var(--accent);font-weight:600}.entry-section{scroll-margin-top:18px}
@media(max-width:720px){.entry-steps{gap:7px;font-size:10px}.entry-segments button{font-size:12px}}

/* Approved preview's receipt/payment review. No payment or print calculation here. */
.modal-overlay:has(.payment-review){align-items:center;padding:16px;background:rgba(27,64,51,.27)}
.modal:has(.payment-review){width:100%;max-width:520px;max-height:calc(100dvh - 32px);margin:0;border-radius:16px;padding:0 24px 24px;box-shadow:0 16px 45px rgba(22,40,31,.17);animation:entry-dialog-in 180ms cubic-bezier(.16,1,.3,1)}
.modal:has(.payment-review):before{display:none}.modal:has(.payment-review) .modal-head{padding:17px 0;margin:0;border-bottom:1px solid var(--border)}.modal:has(.payment-review) .modal-head h2{font-size:19px}.payment-review{font-variant-numeric:tabular-nums}.payment-review .form-error:empty{display:none}
.payment-due{padding:22px 0;border-bottom:1px solid var(--border)}.payment-due>span{display:block;font-size:12px;color:var(--muted)}.payment-due>strong{display:block;font-size:32px;line-height:1.3;margin-top:10px;color:var(--accent);overflow-wrap:anywhere}
.payment-review .payment-entry{padding:18px 0 20px;margin:0;border:0;border-bottom:1px solid var(--border);border-radius:0}.payment-review .payment-number{font-size:12px;font-weight:600}.payment-review .payment-entry>.flex{min-height:30px;margin-bottom:6px}.payment-review .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.payment-review .field{margin-bottom:15px}.payment-review .field>span{font-size:12px}.payment-review .field>input,.payment-review .field>select{background:var(--page);min-height:46px;font-size:16px;border-radius:9px;padding:10px 12px;caret-color:var(--accent)}.payment-review #add-payment{margin-top:16px;min-height:40px;font-size:12px;padding:8px 12px}.payment-review #payment-summary{margin:16px 0 12px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.payment-balanced{color:var(--accent)}.payment-unbalanced{color:var(--danger)}.payment-review>.check{font-size:13px;min-height:44px;margin:10px 0}.payment-review>[data-payment-confirm]{min-height:48px;border-radius:9px}.payment-review :focus-visible{outline:3px solid #95bca6;outline-offset:2px}
@media(max-width:720px){.modal-overlay:has(.payment-review){padding:14px}.modal:has(.payment-review){padding:0 20px 20px;max-height:calc(100dvh - 28px)}.modal:has(.payment-review) .modal-head h2{font-size:18px}.payment-due{padding:20px 0}.payment-due>strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.modal:has(.payment-review){animation:entry-opacity 90ms ease-out}}

.payment-result{max-width:520px;margin:24px auto;padding:28px;background:var(--bg);border:1px solid var(--border);border-radius:14px}.payment-result-state{text-align:center}.payment-result-state>svg{width:36px;height:36px;color:var(--accent);margin-bottom:12px}.payment-result-state h1{font-size:24px}.payment-result-state p{font-size:13px;color:var(--muted);margin-top:8px}.payment-result .payment-due{text-align:center;margin-bottom:12px}.payment-result .kv{font-size:12px}.payment-result-actions{display:grid;gap:12px;margin-top:24px}.payment-result-actions .btn{min-height:46px}.payment-result-actions .text-btn{text-align:center;min-height:40px}.payment-result-actions>a{text-decoration:none}@media(max-width:720px){.payment-result{margin:12px 0;padding:22px}.payment-result-state h1{font-size:22px}}