/* Approved sales/suppliers list and whole-page form geometry. */

html body :is(#page-sales,#page-suppliers) button{font-family:"Microsoft YaHei",Arial,sans-serif;font-size:16px;font-weight:400}
html body :is(#page-sales,#page-suppliers) .btn{height:42px;min-height:42px;padding:0 14px;border:1px solid #e4e6eb;border-radius:9px;box-shadow:none;background:white;color:#1d1d1f}
html body :is(#page-sales,#page-suppliers) .btn-p{background:#007aff;color:white;border-color:#007aff}
html body :is(#page-sales,#page-suppliers) .expense-table-card{padding:24px 22px 21px!important;border:1px solid #e4e6eb!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;margin:0!important}
html body :is(#page-sales,#page-suppliers) .review-table-tools{display:flex;gap:10px;align-items:center;padding:0 22px 20px 0;margin:0;min-height:62px;border:0;background:transparent}
html body :is(#page-sales,#page-suppliers) .review-table-tools>span{order:-1;margin-right:auto;font-size:14px;color:#6e727b}
html body :is(#page-sales,#page-suppliers) .review-table-tools button{height:42px;padding:0 14px;border:1px solid #e4e6eb;border-radius:9px;background:white;color:#1d1d1f}
html body :is(#page-sales,#page-suppliers) table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse;font-size:16px}
html body :is(#page-sales,#page-suppliers) th{height:48px;padding:0 12px!important;background:#f1f3f6!important;color:#6e727b!important;border:0!important;font-weight:400!important;white-space:nowrap}
html body :is(#page-sales,#page-suppliers) th .review-sort{font-size:16px;font-weight:400;background:transparent;padding:0;border:0;color:#6e727b;min-height:0}
html body :is(#page-sales,#page-suppliers) td{height:68px;padding:12px!important;background:transparent!important;color:#1d1d1f!important;border:0!important;border-bottom:1px solid #e4e6eb!important;font-size:16px!important;font-weight:400!important;vertical-align:middle}
html body :is(#page-sales,#page-suppliers) tr.is-selected{background:#f0f6ff!important}
html body :is(#page-sales,#page-suppliers) tr.is-selected td:first-child{box-shadow:inset 3px 0 #007aff}
html body :is(#page-sales,#page-suppliers) .bg,html body :is(#page-sales,#page-suppliers) .cur-cny,html body :is(#page-sales,#page-suppliers) .cur-usd{display:inline;padding:0;border:0!important;border-radius:0;background:transparent!important;color:inherit!important;font-size:16px!important;font-weight:400!important}
html body :is(#page-sales,#page-suppliers) .aout{color:#1d1d1f!important;font-weight:400!important}
html body :is(#page-sales,#page-suppliers) td button{border:0;background:transparent;color:#007aff;font-size:15px;padding:0 3px;white-space:normal;min-height:0;box-shadow:none}
html body :is(#page-sales,#page-suppliers) .ledger-value{white-space:normal;display:inline;max-width:none}
html body :is(#page-sales,#page-suppliers) .ledger-scroll{border:0;margin:0;overflow-x:auto}
html body :is(#page-sales,#page-suppliers) table{min-width:1100px!important}
html body :is(#page-sales,#page-suppliers) .ui-money-cell{text-align:left}


/* Expense list screenshot correction: exact toolbar and single-line ledger geometry. */
html body :is(#page-sales,#page-suppliers) .expense-toolbar>.btn:first-child{width:76px}

html body :is(#page-sales,#page-suppliers) .expense-filters input,html body :is(#page-sales,#page-suppliers) .expense-filters select{font-size:18px!important;color:#6e727b!important}
html body :is(#page-sales,#page-suppliers) .expense-filters input::placeholder{color:#6e727b;opacity:1}
html body :is(#page-sales,#page-suppliers) .review-table-tools button{width:78px}
html body :is(#page-sales,#page-suppliers) .ledger-scroll{scrollbar-gutter:auto;overflow-y:hidden}
html body :is(#page-sales,#page-suppliers) td:not(:last-child),html body :is(#page-sales,#page-suppliers) td:not(:last-child) .ledger-value{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:none}
html body :is(#page-sales,#page-suppliers) td:not(:last-child) .ledger-value{display:block}
html body :is(#page-sales,#page-suppliers) td{line-height:24px!important;height:68px!important}
html body :is(#page-sales,#page-suppliers) th:last-child,html body :is(#page-sales,#page-suppliers) th:last-child *{font-size:16px!important;font-weight:400!important}
html body :is(#page-sales,#page-suppliers) .expense-toolbar>.btn:first-child{width:76px}html body :is(#page-sales,#page-suppliers) .expense-toolbar>.btn:nth-child(2){width:94px}html body #page-sales .expense-toolbar>.btn:nth-child(3){width:118.8px}html body #page-suppliers .expense-toolbar>.btn:nth-child(3){width:134.8px}
html body :is(#page-sales,#page-suppliers) th:nth-child(1){width:15%!important}html body :is(#page-sales,#page-suppliers) th:nth-child(n+2):nth-child(-n+7){width:11%!important}html body :is(#page-sales,#page-suppliers) th:last-child{width:19%!important}
html body :is(#page-sales,#page-suppliers) .ui-money-cell{text-align:left!important}html body :is(#page-sales,#page-suppliers) .replica-selected-actions{display:flex;flex-wrap:wrap;gap:10px;margin:9px 0 14px}html body :is(#page-sales,#page-suppliers) .replica-selected-actions button{height:42px;min-width:76px;padding:0 14px;border:1px solid #e4e6eb;border-radius:9px;background:#fff;font-size:16px;font-weight:400;color:#1d1d1f}html body :is(#page-sales,#page-suppliers) .replica-selected-actions button.btn-del{color:#e5484d}
html body .replica-flow .flow-span,html body .replica-flow .flow-attachments{grid-column:1/-1}html body .replica-flow .flow-attachments[hidden]{display:none}html body .replica-flow .flow-attachments>label{display:block;font:400 16px/19px "Microsoft YaHei",sans-serif;color:#6e727b;margin:0 0 13px}html body .replica-flow .flow-attachments>div{display:inline-flex!important;margin:0!important;vertical-align:middle}html body .replica-flow .flow-attachments img{width:142px!important;height:76px!important;object-fit:contain!important;background:#f8f9fb}html body .replica-flow .flow-add-more{border:0;color:#007aff;background:transparent;margin-left:20px}html body #m-sale .flow-card{min-height:589px}html body #m-sale.has-vouchers .flow-card{padding-bottom:26px}html body #m-sale .flow-attachments{margin-top:-3px}html body #m-supplier .flow-card{min-height:639px}
html body #m-sale .uz{position:relative;width:100%;height:108px;min-height:108px;margin:0;padding:20px 22px 16px 64px;border:1px solid #e4e6eb;border-radius:10px;background:#f8f9fb;text-align:left;color:#007aff;cursor:pointer}html body #m-sale .uz p{margin:0 0 12px;font-size:17px;line-height:24px;color:#007aff}html body #m-sale .uz small{font-size:15px;color:#6e727b}html body #m-sale .upload-plus{position:absolute;left:22px;top:20px;font-size:27px}html body #m-sale input[type=file]{display:none!important}html body #m-sale .flow-footer,html body #m-supplier .flow-footer{margin-top:30px!important}

html body :is(#page-sales,#page-suppliers) th:nth-child(1){width:13.74408%!important}html body :is(#page-sales,#page-suppliers) th:nth-child(n+2):nth-child(-n+7){width:9.47867%!important}html body #page-sales th:nth-child(5),html body #page-suppliers th:nth-child(7){width:18.00948%!important}html body :is(#page-sales,#page-suppliers) th:last-child{width:20.06385%!important}

html body :is(#page-sales,#page-suppliers) .expense-table-card table th:nth-child(n){width:auto!important}html body #page-suppliers .expense-filters select{width:100%!important}html body :is(#page-sales,#page-suppliers) th:first-child{border-radius:8px 0 0 8px}html body :is(#page-sales,#page-suppliers) th:last-child{border-radius:0 8px 8px 0}

html body #page-sales .expense-filters select{width:100%!important}