.sales-workspace [hidden]{display:none!important}
.sales-workspace button{font:600 12px Arial;cursor:pointer;padding:11px 14px;background:#fff;border:1px solid #d4dfd4;border-radius:7px;color:#244936}
.sales-workspace button:disabled{opacity:.5;cursor:not-allowed}
.sales-workspace button:hover{filter:brightness(.96)}
.sales-workspace .primary{background:#197a58;color:#fff;border-color:#197a58}
.sales-workspace .pill,.sales-workspace .tag{display:inline-block;font-size:10px;padding:6px 9px;background:#eff6ed;color:#427544;border-radius:5px}
.sales-workspace .pill{margin-right:8px}
.sales-workspace .heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.sales-workspace h1{font-size:29px;letter-spacing:-1px;margin:0 0 8px}
.sales-workspace .heading p{margin:0;color:#809184}
.sales-workspace .draft{font-size:10px;letter-spacing:1px;color:#8d9b8d}
.sales-workspace .notice{display:flex;gap:16px;padding:16px 18px;background:#fff5df;border:1px solid #efdfba;border-radius:8px;color:#8b702f;font-size:12px;line-height:1.5}
.sales-workspace .notice b{white-space:nowrap}
.sales-workspace .source{font-size:11px;color:#7c8c7f;padding:14px 0 18px}
.sales-workspace .layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(295px,1fr);gap:24px}
.sales-workspace .card{background:white;border:1px solid #e0e7dc;border-radius:10px;padding:22px;margin-bottom:22px}
.sales-workspace .card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:8px}
.sales-workspace h2{font-size:11px;color:#88a28e;margin:0;display:flex;gap:12px;align-items:center}
.sales-workspace h2 span{font-size:15px;color:#203f2e}
.sales-workspace .fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sales-workspace label{font-size:11px;color:#617464;display:block}
.sales-workspace input,.sales-workspace select,.sales-workspace textarea{width:100%;padding:11px 12px;border:1px solid #d7e2d6;border-radius:6px;font:13px Arial;background:#fff;color:#244532;display:block;margin-top:7px}
.sales-workspace input[readonly]{background:#f5f8f2;color:#667f68}
.sales-workspace label small{font-size:10px;color:#8d9e8c;display:block;margin-top:6px}
.sales-workspace .wide{grid-column:1/-1}
.sales-workspace .sale-line{padding:18px 0;border-top:1px solid #edf1e9}
.sales-workspace .line-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:14px}
.sales-workspace .line-head button{border:0;color:#9b7565;padding:5px}
.sales-workspace .line-stock{font-size:11px;margin-top:12px;color:#4e7d58;background:#f1f7ed;padding:10px;border-radius:5px}
.sales-workspace .line-stock.error{color:#aa4b38;background:#fff0ea}
.sales-workspace .add-line{width:100%;border-style:dashed;margin-top:12px;color:#39724b;background:#fbfdf8}
.sales-workspace .summary{margin-top:20px;border-top:1px solid #e3e9df;padding-top:12px}
.sales-workspace .summary>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;font-size:11px}
.sales-workspace .summary .sum-break{border-top:1px solid #e3e9df;margin-top:5px;padding-top:12px}
.sales-workspace .summary .balance{font-size:16px;border-top:2px solid #1d5d41;margin-top:8px;padding:16px 0 8px}
.sales-workspace .tax-note{font-size:10px;text-align:right;color:#879780}
.sales-workspace .full{width:100%;padding:14px;margin-top:14px}
.sales-workspace .hint{font-size:10px;line-height:1.7;color:#92a08c}
.sales-workspace .sticky{position:sticky;top:20px}
.sales-workspace .dialog-actions{display:flex;gap:10px;margin-bottom:22px}
.sales-workspace .document-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #244b32;padding-bottom:18px;gap:20px}
.sales-workspace .document-header img{width:135px}
.sales-workspace .document-header h2{font-size:21px;color:#244532}
.sales-workspace .document-header p{font-size:12px;line-height:1.7}
.sales-workspace table{width:100%;border-collapse:collapse;font-size:11px;margin-top:20px}
.sales-workspace th{text-align:left;background:#f4f7ef;color:#688569;font-weight:500}
.sales-workspace th,.sales-workspace td{padding:13px 10px;border-bottom:1px solid #e8eee3}
.sales-workspace td small{display:block;font-size:10px;color:#92a08c;margin-top:5px}
.sales-workspace .invoice-summary{max-width:340px;margin:20px 0 0 auto}
.sales-workspace .invoice-customer{font-size:12px;line-height:1.7;margin-top:22px}
.sales-workspace .signatures{display:flex;justify-content:space-around;margin-top:60px;font-size:12px}
.sales-workspace .sample-footer{font-size:10px;color:#9a9d8d;margin-top:32px}
@media(max-width:1100px){.sales-workspace .layout{grid-template-columns:1fr}
.sales-workspace .sticky{position:static}
.sales-workspace .summary>div{font-size:13px}
}
@media(max-width:700px){.sales-workspace .notice{display:block}
.sales-workspace .notice b{display:block;margin-bottom:5px}
.sales-workspace .draft{display:none}
.sales-workspace h1{font-size:25px}
.sales-workspace .card{padding:16px}
.sales-workspace .fields{gap:12px}
.sales-workspace .document-header{flex-wrap:wrap}
}
@media print{.sales-workspace .dialog-actions{display:none!important}
.sales-workspace .sample-footer{display:block}
.sales-workspace .document-header{break-inside:avoid}
.sales-workspace .invoice-summary{break-inside:avoid}
}
.sales-workspace .summary{margin-top:24px;padding-top:0;border-top:0;font-variant-numeric:tabular-nums;letter-spacing:0}
.sales-workspace .summary>.bill-group{display:block;font-size:12px;padding:16px 0;border-top:1px solid #e9ede7;margin:0}
.sales-workspace .bill-caption{font-size:10px;font-weight:600;letter-spacing:.65px;text-transform:uppercase;color:#839184;margin-bottom:9px}
.sales-workspace .bill-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:6px 0;line-height:1.55;color:#526455;font-size:12px}
.sales-workspace .bill-value{font-weight:400;color:#354d3c;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.sales-workspace .bill-muted,.sales-workspace .bill-muted .bill-value{color:#7a867b}
.sales-workspace .bill-subtotal{padding-top:9px;color:#3b5141}
.sales-workspace .bill-subtotal .bill-value{font-weight:600;color:#3b5141}
.sales-workspace .summary>.bill-due{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:6px 0 0;padding:16px;border:1px solid #e3ebe0;border-radius:8px;background:#f5f8f2}
.sales-workspace .bill-due-label{display:block;font-size:12px;font-weight:600;color:#34513c;line-height:1.5}
.sales-workspace .bill-due small{display:block;font-size:9px;line-height:1.6;color:#8a9688;margin-top:3px}
.sales-workspace .bill-due-value{font-size:18px;font-weight:600;letter-spacing:-.35px;color:#254c35;white-space:nowrap;font-variant-numeric:tabular-nums}
.sales-workspace .tax-note{font-size:10px;line-height:1.6;text-align:left;color:#8b9687;margin:11px 2px 0}
.sales-workspace .sticky>.card-head{margin-bottom:23px}
.sales-workspace .sticky .fields{gap:15px}
.sales-workspace .sticky label{font-size:11px;color:#6d7c6d}
.sales-workspace .sticky input,.sales-workspace .sticky select{font-size:12px;padding:10px 11px}
.sales-workspace .full{margin-top:22px;padding:13px;font-size:12px}
.sales-workspace .hint{margin:12px 0 0;font-size:10px;line-height:1.7;color:#929d8d}
.sales-workspace .invoice-summary{max-width:355px;margin-top:26px}
.sales-workspace .invoice-summary .bill-caption{font-size:9px}
.sales-workspace .invoice-summary .bill-row{font-size:11px}
.sales-workspace .invoice-summary.summary>.bill-group{padding:12px 0}
.sales-workspace .invoice-summary .bill-due-value{font-size:17px}
@media(max-width:1100px){.sales-workspace .sticky .fields{grid-template-columns:1fr 1fr}
.sales-workspace .summary>.bill-group{font-size:12px}
.sales-workspace .bill-row{font-size:12px}
.sales-workspace .bill-due-value{font-size:18px}
}
@media(max-width:420px){.sales-workspace .summary>.bill-due{padding:13px;gap:8px}
.sales-workspace .bill-due-value{font-size:16px}
.sales-workspace .bill-due small{max-width:110px}
.sales-workspace .bill-row{font-size:11px;gap:8px}
}
@media print{.sales-workspace .summary>.bill-due{background:transparent;border-color:#dce3d8}
.sales-workspace .bill-due-value{font-size:16px}
.sales-workspace .invoice-summary{break-inside:avoid}
.sales-workspace .bill-caption{color:#647162}
.sales-workspace .bill-muted,.sales-workspace .bill-muted .bill-value{color:#566354}
}
.sales-workspace .layout{display:block;max-width:1120px;margin:0 auto}
.sales-workspace .heading,.sales-workspace .notice,.sales-workspace .source{max-width:1120px;margin-left:auto;margin-right:auto}
.sales-workspace .layout .card{margin-bottom:22px}
.sales-workspace .payment-card{position:static}
.sales-workspace .payment-inputs{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:22px;border-bottom:1px solid #e6ece2}
.sales-workspace .payment-inputs>.wide{grid-column:1/-1}
.sales-workspace .payment-inputs label{font-size:12px}
.sales-workspace .summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;margin-top:22px;align-items:start}
.sales-workspace .summary>.bill-column{display:block;margin:0;padding:0;font-size:12px}
.sales-workspace .bill-column .bill-group{display:block;border-top:0;padding:0 0 16px}
.sales-workspace .bill-column .bill-group+.bill-group{border-top:1px solid #e7ece3;padding:16px 0 0}
.sales-workspace .bill-column .bill-caption{margin-bottom:10px}
.sales-workspace .bill-column .bill-row{padding:7px 0;font-size:12px}
.sales-workspace .bill-column.bill-payment{padding-left:30px;border-left:1px solid #e7ece3}
.sales-workspace .bill-column .bill-due{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f5f8f2;border:1px solid #e0e8dc;border-radius:8px;margin-top:16px;padding:16px}
.sales-workspace .bill-due-value{font-size:21px}
.sales-workspace .payment-card>.full{width:auto;min-width:230px;display:block;margin:22px 0 0 auto}
.sales-workspace .payment-card>.hint{max-width:580px;margin:12px 0 0 auto;text-align:right}
.sales-workspace .payment-card>.tax-note{margin-top:14px}
.sales-workspace .sale-line>.fields{grid-template-columns:repeat(4,minmax(0,1fr))}
.sales-workspace .sale-line>.fields>.wide{grid-column:span 2}
.sales-workspace .invoice-settlement{margin-top:26px;padding-top:20px;border-top:1px solid #dde6d8}
.sales-workspace .settlement-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.sales-workspace .settlement-heading h3{font-size:12px;font-weight:600;margin:0;color:#435b46}
.sales-workspace .settlement-heading>span{font-size:10px;color:#8a9788}
.sales-workspace .invoice-summary{max-width:none;width:100%;margin:20px 0 0}
.sales-workspace .invoice-summary .bill-column .bill-row{font-size:11px;padding:6px 0}
.sales-workspace .invoice-summary .bill-column .bill-due{padding:14px}
.sales-workspace .invoice-summary .bill-due-value{font-size:18px}
.sales-workspace .invoice-bank-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:16px 18px;background:#f7f9f4;border:1px solid #e6ece1;border-radius:7px;margin-top:20px}
.sales-workspace .invoice-bank-details small{display:block;font-size:9px;color:#8b9787;margin-bottom:6px}
.sales-workspace .invoice-bank-details b{font-size:11px;font-weight:500;overflow-wrap:anywhere;color:#41553f}
.sales-workspace .signatures{margin-top:48px}
@media(max-width:1000px){.sales-workspace .sale-line>.fields{grid-template-columns:1fr 1fr}
.sales-workspace .summary{gap:24px}
.sales-workspace .bill-column.bill-payment{padding-left:22px}
.sales-workspace .bill-due-value{font-size:18px}
.sales-workspace .bill-due small{max-width:120px}
}
@media(max-width:760px){.sales-workspace .payment-inputs{grid-template-columns:1fr 1fr}
.sales-workspace .summary{grid-template-columns:1fr;gap:20px}
.sales-workspace .bill-column.bill-payment{border-left:0;padding-left:0;border-top:1px solid #e7ece3;padding-top:18px}
.sales-workspace .payment-card>.full{width:100%;min-width:0}
.sales-workspace .payment-card>.hint{text-align:left;margin-left:0}
.sales-workspace .invoice-bank-details{grid-template-columns:1fr 1fr}
.sales-workspace .invoice-bank-details>div:last-child{grid-column:1/-1}
.sales-workspace .settlement-heading{align-items:start;flex-direction:column;gap:7px}
}
@media print{.sales-workspace .invoice-summary{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.sales-workspace .invoice-summary .bill-column.bill-payment{border-top:0;padding-top:0;border-left:1px solid #dfe5db;padding-left:22px}
.sales-workspace .invoice-settlement{break-inside:avoid}
.sales-workspace .invoice-bank-details{grid-template-columns:1fr 1fr 1fr;background:transparent}
.sales-workspace .invoice-bank-details>div:last-child{grid-column:auto}
.sales-workspace .settlement-heading{flex-direction:row;align-items:center}
.sales-workspace .invoice-summary .bill-due-value{font-size:17px}
}

.sales-workspace .heading{margin-bottom:20px}.sales-workspace .source{padding:0 0 18px}.sales-workspace .summary>.bill-column{display:block;padding:0}.sales-workspace .invoice-summary{max-width:none;width:100%}#salesDialog{width:940px;max-height:92vh;padding:28px}#salesDialog>.sales-workspace{max-width:none}.sales-workspace .document-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #244b32;padding-bottom:18px;gap:20px}.sales-workspace input[readonly]{background:#f5f8f2}.sales-workspace .card{background:#fff}.sales-workspace .full{width:auto;display:block;margin-left:auto}#salesDialog .dialog-actions{display:flex;justify-content:space-between}
@media print{.sales-workspace .dialog-actions{display:none!important}.document .sales-workspace .invoice-summary{grid-template-columns:1fr 1fr}.document .sales-workspace .invoice-bank-details{grid-template-columns:1fr 1fr 1fr}}
