/* Customer credit, held bills, quotations and sales orders (section 3m) */
html[data-notabs~="orders"] .nav [data-tab="orders"],
html[data-noperm~="create_order"] :is([data-ordnew],[data-ordfromcart],[data-ordconvert],[data-ofsave]),
html[data-noperm~="collect_credit"] :is([data-collect],[data-paymode="credit"]){display:none!important}

/* Orders tab */
.oseg{margin:0 0 14px}
.otools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.olist{display:flex;flex-direction:column;gap:8px}
.ocard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.oc-main{display:flex;flex-direction:column;min-width:0;text-align:left;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.oc-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oc-main small{color:var(--ink-3);font-size:12.5px}
.oc-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.oc-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}

/* Order editor */
.sheet.ordersheet{max-width:680px}
.olines{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.oline{display:grid;grid-template-columns:minmax(0,1fr) 72px 96px 130px 84px auto;gap:8px;align-items:end;padding:8px 0;border-bottom:1px dashed var(--line)}
.oline.bad{background:var(--crit-soft);border-radius:8px}
.oline .f{margin:0}
.oline input,.oline select{width:100%;min-width:0}
.ol-n{display:flex;flex-direction:column;min-width:0;align-self:center}
.ol-n small{color:var(--ink-3);font-size:12px}
.ol-t{align-self:center;text-align:right;font-weight:700}
.ol-dw{display:flex;gap:4px}
.ol-dw select{width:52px;flex:none}
.osearch{margin:4px 0}
.ohits{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.ohit{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;text-align:left;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:inherit;font:inherit;cursor:pointer}
.ohit span{color:var(--ink-3);font-size:12.5px}
.of-actions{flex-wrap:wrap}
.sheet.qprevsheet{max-width:1120px}.qpreview{overflow:auto;padding:12px;background:#eef1f5;border-radius:12px}.qpreview .quotation{background:#fff;padding:24px;box-shadow:0 2px 12px #1522381a;color:#172033;min-width:850px}
.quotation header{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #172033;padding-bottom:14px}.q-brand{display:flex;gap:14px;align-items:flex-start}.q-brand img{max-width:120px;max-height:64px;object-fit:contain}.q-brand h2,.q-title h1,.q-customer h3{margin:0}.q-brand p,.q-title p,.q-customer p{margin:3px 0}.q-title{text-align:right}.q-title h1{font-size:26px;letter-spacing:2px}.q-customer{margin:16px 0}.q-table{overflow:hidden}.quotation table{width:100%;border-collapse:collapse}.quotation th,.quotation td{padding:8px 6px;border-bottom:1px solid #d7dce5;text-align:right;vertical-align:top}.quotation th:first-child,.quotation td:first-child,.quotation th:nth-child(2),.quotation td:nth-child(2){text-align:left}.q-lower{display:grid;grid-template-columns:1fr 320px;gap:28px;margin-top:15px}.q-lower section{margin-bottom:12px}.q-lower p{margin:4px 0}.q-totals>div{display:flex;justify-content:space-between;padding:4px 0}.q-grand{border-top:2px solid #172033;margin-top:5px;padding-top:8px!important;font-size:16px}.q-sign{text-align:right;margin:28px 0 4px}.quotation footer{text-align:center;border-top:1px solid #d7dce5;margin-top:22px;padding-top:8px;color:#586174}
@media (max-width:640px){
  .oline{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"n n n" "q p d" "t t x"}
  .ol-n{grid-area:n}.ol-q{grid-area:q}.ol-p{grid-area:p}.ol-d{grid-area:d}.ol-t{grid-area:t;text-align:left}
  .qpreview{padding:6px}
}

/* The bill: from an order, save as quotation */
.ordline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 16px;border-bottom:1px solid var(--line);font-size:13px;background:var(--accent-soft)}
.bp-quote{display:block;margin:8px auto 0}

/* Payment: Credit */
.paycred{margin:0 0 10px}
.paycred.bad{color:var(--crit)}

/* A customer's account */
.tmini.acct .owes b,.tmini.cust4 .owes b,.cc-side small.owes{color:var(--crit)}
/* A customer's profile (components/customer-insight-view.js): one summary, what their bills show, what they buy most, how they pay */
.tmini.cust4{grid-template-columns:repeat(4,minmax(0,1fr));margin:4px 0 12px}
.tmini.cust4 small{display:block;font-size:11.5px;color:var(--ink-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:520px){.tmini.cust4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cinsight{margin:6px 0 4px;padding:10px 12px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent-line)}
.cinsight .custh{display:flex;align-items:center;gap:7px;margin:0 0 6px}
.cinsight .custh svg{width:16px;height:16px;color:var(--accent);flex:none}
.cinsight .custh .link{margin-left:auto}
.cinsight ul{margin:0;padding:0 0 0 18px;display:grid;gap:4px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.cinsight .note{margin:6px 0 0;font-size:11.5px}
.ctop{display:grid;gap:2px}
.ctop-r{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n a" "q l";column-gap:10px;padding:7px 8px;border:0;background:none;border-radius:var(--r-sm);text-align:left;font:inherit;color:inherit;cursor:pointer;min-height:44px}
.ctop-r:hover{background:var(--wash)}
.ct-n{grid-area:n;font-weight:600;min-width:0;overflow-wrap:anywhere}.ct-a{grid-area:a;text-align:right;font-variant-numeric:tabular-nums}
.ct-q{grid-area:q;font-size:12px;color:var(--ink-3)}.ct-l{grid-area:l;font-size:12px;color:var(--ink-3);text-align:right}
.cpay{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px;margin:4px 0 6px}
.cpay i{display:block;min-width:4px;background:var(--c)}
.cp-cash{--c:var(--s-cash)}.cp-upi{--c:var(--s-upi)}.cp-card{--c:var(--s-card)}.cp-voucher{--c:var(--accent)}.cp-due{--c:var(--warn)}
.cpay-l{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 4px;font-size:12.5px;color:var(--ink-2)}
.cp-k{display:inline-flex;align-items:center;gap:5px}.cp-k i{width:8px;height:8px;border-radius:50%;background:var(--c)}.cp-k small{color:var(--ink-3)}
.cc-side small.owes{font-weight:700}
.acctact{margin:0 0 10px}
.acents{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.acent{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:13.5px}
.acent.off{opacity:.55}
.acent.off .ae-a{text-decoration:line-through}
.ae-w{display:flex;flex-direction:column;min-width:0}
.ae-w small,.ae-a small{color:var(--ink-3);font-size:12px}
.ae-a{display:flex;flex-direction:column;align-items:flex-end;font-weight:700}

/* Quotation: send by email / WhatsApp (through the server) or share the PDF; each send's status */
.sheet.qsendsheet{max-width:560px}
.qs-chans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 8px}
.qs-chans .btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:10px 12px;min-height:58px}
.qs-chans .btn small{font-weight:500;font-size:12px;opacity:.85;word-break:break-word}
.qs-chans .btn[aria-disabled="true"]{opacity:.6}
.qs-jobs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.qs-job{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:13.5px}
.qs-ch{font-weight:700}.qs-to{color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qs-st{text-align:right;white-space:nowrap}
.qs-err{grid-column:1/-1;color:var(--crit);font-size:12.5px}.qs-job .link{grid-column:1/-1;justify-self:start}
.qs-job.st-sent .qs-st b,.qs-job.st-delivered .qs-st b{color:var(--good-ink)}.qs-job.st-failed .qs-st b{color:var(--crit)}
.quotation .q-note{color:#586174;font-size:11px;margin:14px 0 0}
@media (max-width:520px){.qs-chans{grid-template-columns:1fr}.qs-job{grid-template-columns:auto minmax(0,1fr)}.qs-st{grid-column:1/-1;text-align:left}}