.purchase-layout{display:grid;grid-template-columns:minmax(260px, .8fr) minmax(320px,1.2fr);gap:24px;margin-top:24px;align-items:start}
.purchase-card{background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:24px;display:grid;gap:16px;min-width:0}
.purchase-card label{display:grid;gap:7px;font-weight:600}
.purchase-card textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;resize:vertical;font:inherit}
.purchase-item{border-top:1px solid #e2e8f0;padding:18px 0;overflow-wrap:anywhere}
.purchase-item-head{display:flex;gap:12px;justify-content:space-between}
.purchase-item-head span{color:#225ba8;font-size:12px;font-weight:700;background:#edf4ff;border-radius:20px;padding:4px 10px;align-self:start}
.purchase-note{white-space:pre-wrap}.purchase-empty{padding:24px 0;color:#64748b}
@media(max-width:900px){.purchase-layout{grid-template-columns:1fr}.purchase-card{padding:18px}}

.receiving-line{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin:12px 0}.receiving-table{overflow-x:auto}.receiving-table input{width:100px}.supplier-invoice{margin:18px 0}.supplier-invoice details{margin-top:15px}#receiving-form textarea{width:100%}@media(max-width:800px){.receiving-line{grid-template-columns:1fr 1fr}}
#view-inventory .pos-layout{grid-template-columns:minmax(0,1fr)} #view-inventory .table-scroll{max-height:620px;overflow:auto} #view-inventory table{min-width:760px} #view-inventory table td:first-child{min-width:260px} #view-inventory .stock-head>.hint{flex-basis:100%} #view-inventory .stock-head>label{min-width:180px} @media(max-width:600px){#view-inventory .stock-head>label{width:100%}}

#repair-additions label{display:block;margin:12px 0}#repair-additions textarea{display:block;width:100%;min-height:95px;box-sizing:border-box;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}#repair-additions input[type=checkbox]{width:18px;height:18px;min-height:0;display:inline-block;margin-right:8px;vertical-align:middle}#repair-additions input[type=file]{max-width:100%}#repair-additions summary{cursor:pointer;margin:12px 0}#repair-additions .purchase-item{margin-top:18px}

#external-ticket label,#external-board label{display:block;margin:12px 0} #external-ticket textarea,#external-board textarea{width:100%;min-height:80px}.external-urgent{color:#b91c1c;font-weight:800}

#view-credit label{display:block;margin:12px 0}#view-credit input:not([type=checkbox]),#view-credit select{width:100%}#view-credit input[type=checkbox]{width:18px;height:18px}.credit-output{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:18px}

.credit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}#credit-new details,[data-credit-edit] details{margin:18px 0}#credit-new summary,[data-credit-edit] summary{padding:12px;background:#f2f6fc;border-radius:10px;cursor:pointer}#credit-new textarea,[data-credit-edit] textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #d7e1ef;border-radius:8px;font:inherit}#credit-new input[type=checkbox],[data-credit-edit] input[type=checkbox]{width:20px;height:20px}@media(max-width:650px){.credit-fields{grid-template-columns:1fr}}
/* Touch-friendly commercial account workspace. */
#credit-list{display:grid;gap:24px;margin-top:22px}
#view-credit .credit-store{display:block;padding:24px;border-radius:22px;border:1px solid #dce6f3;box-shadow:0 8px 25px #162c4810;overflow:hidden}
#view-credit .credit-store p{margin:0;line-height:1.5}
#view-credit .credit-store h3{margin:2px 0 6px;font-size:23px;color:#152d4c;line-height:1.25}
#view-credit .credit-store h4{margin:0 0 16px;font-size:17px;color:#183553}
#view-credit .credit-store-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px}
.credit-store-identity{display:flex;gap:14px;min-width:0}.credit-store-identity>div{overflow-wrap:anywhere}.credit-store-icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:16px;background:#e7f0ff;color:#2864cf;font-size:28px}.credit-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;color:#526c8a}
.credit-account-meta{display:grid;gap:8px;text-align:right;color:#526c8a}.credit-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;background:#e6f4ee;color:#176248;padding:6px 12px;font-size:13px;font-weight:700}
.credit-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.credit-balance{padding:17px 20px;background:#f0f5fd;border-radius:15px;display:grid;gap:6px;color:#3f5877}.credit-balance strong{font-size:29px;line-height:1.2;color:#193f72;font-variant-numeric:tabular-nums}.credit-balance.credit-overdue{background:#fff0e9}.credit-overdue strong{color:#a93c1b}
#view-credit .credit-account-tools{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:10px}
#view-credit .credit-store .btn,#view-credit #credit-refresh,#view-credit #credit-new>button{min-height:52px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c8d8ee;border-radius:12px;background:#edf4ff;color:#224f8e;font-size:15px;font-weight:700;text-decoration:none;line-height:1.35;white-space:normal;text-align:center;cursor:pointer;box-sizing:border-box}
#view-credit .credit-store .btn:hover{background:#dfeaff;border-color:#8cabd7}#view-credit .credit-store .btn:focus-visible{outline:3px solid #6a9af2;outline-offset:3px}
#view-credit .credit-settings{margin:0 0 18px;padding:0}#view-credit .credit-settings>summary{background:#f6f8fc;color:#45617d;min-height:48px}#view-credit .credit-settings[open]{padding:16px;background:#f6f8fc;border-radius:14px}
.credit-work-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:18px;align-items:start}.credit-invoice-panel{background:#f7f9fd;border:1px solid #e1e9f3;border-radius:16px;padding:20px;min-width:0}.credit-action-panel{background:#eef5ff;border-radius:16px;padding:20px;min-width:0}.credit-invoice-panel h4 span{display:inline-block;padding:3px 9px;border-radius:12px;background:#e4ecf7;font-size:13px;margin-left:6px}
#view-credit .credit-invoice{padding:16px;margin:0 0 12px;border:1px solid #dce6f2;background:#fff;border-radius:12px}.credit-invoice:last-child{margin-bottom:0}.credit-invoice-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.credit-invoice-head b{font-size:16px}.credit-due{padding:8px 0;color:#59708b;font-size:13px}.credit-invoice-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 15px}.credit-invoice-amounts span{display:grid;gap:5px;color:#5c6e83;font-size:13px}.credit-invoice-amounts b{font-size:18px;color:#203d60}
#view-credit .credit-invoice-buttons{display:flex;gap:10px;flex-wrap:wrap}#view-credit .credit-invoice-buttons .btn{flex:1;min-width:140px}#view-credit .credit-empty{padding:18px 0;color:#536b85}
#view-credit .credit-action-panel>details{margin:0 0 12px}#view-credit .credit-action-panel summary{width:100%}#view-credit .credit-store .credit-pay-action>summary,#view-credit .credit-store button.primary{background:linear-gradient(110deg,#2563d5,#168a9e);color:#fff;border-color:transparent;box-shadow:0 4px 10px #2563d526}#view-credit .credit-action-panel details[open]{padding-bottom:14px;border-bottom:1px solid #ccd9ec}#view-credit .credit-action-panel details[open]>p{margin-top:12px}
.credit-follow-actions{display:grid;gap:10px;margin-top:16px}#view-credit .credit-follow-actions .credit-ai{background:#eeeaff;color:#59419a;border-color:#d4c9ef}#view-credit .credit-follow-actions [data-credit-queue]{background:#e2f4ed;color:#216750;border-color:#b8decd}
#view-credit .credit-output:empty{display:none}#view-credit .credit-output:not(:empty){padding:20px;background:#f2f6fc;border-radius:14px;margin-top:18px;line-height:1.6}
#view-credit input:not([type=checkbox]),#view-credit select,#view-credit textarea{min-height:50px;font-size:16px;box-sizing:border-box}#view-credit label:has(input[type=checkbox]){display:flex;align-items:center;gap:12px;min-height:48px}#view-credit input[type=checkbox]{width:24px;height:24px;flex-shrink:0}
#credit-totals{padding:18px 22px;background:#e7efff;border-radius:14px;color:#234d88;font-size:19px;font-weight:750}#credit-connection{font-size:13px;color:#586b83}
@media(max-width:1100px){.credit-work-grid{grid-template-columns:1fr}.credit-follow-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#view-credit .credit-store{padding:16px}.credit-store-head{flex-direction:column}.credit-account-meta{text-align:left}.credit-balance-grid{grid-template-columns:1fr;gap:8px}.credit-balance{display:flex;justify-content:space-between;align-items:center;padding:14px}.credit-balance strong{font-size:25px}.credit-follow-actions{grid-template-columns:1fr}.credit-invoice-panel,.credit-action-panel{padding:14px}#view-credit .credit-store .btn{min-height:56px;width:100%}.credit-invoice-amounts b{font-size:16px}.credit-store-identity{gap:10px}#credit-totals{font-size:17px}}

#view-credit .credit-store .credit-pay-action>summary:hover,#view-credit .credit-store button.primary:hover{background:linear-gradient(110deg,#1d51b9,#11788a);color:#fff;border-color:transparent}
#view-credit #credit-totals{display:grid;gap:6px;width:fit-content;max-width:100%;min-width:240px;box-sizing:border-box;padding:18px 24px;border:1px solid #cbdcf7;box-shadow:0 5px 16px #234d8810}#credit-totals .credit-general-label{font-size:15px;font-weight:750}#credit-totals>strong{font-size:34px;line-height:1.2;font-variant-numeric:tabular-nums}#credit-totals .credit-general-caption,#credit-totals>small{font-size:13px;font-weight:500}#credit-totals>small{padding-top:8px;border-top:1px solid #cbdcf7;margin-top:4px}

.nav-btn[data-view="team"]{display:none!important}
#settings-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:16px 0}
#settings-categories button{display:grid;gap:6px;text-align:left;padding:15px;border:1px solid #d3e0f2;background:#fff;border-radius:14px;cursor:pointer;color:#243d60;min-height:112px}
#settings-categories button.selected{background:#eaf2ff;border:2px solid #3374dd;padding:14px}
#settings-categories b{font-size:16px}#settings-categories span{font-size:13px}#settings-categories small{font-size:12px;color:#526b86}
.settings-category[hidden]{display:none!important}.settings-category>.panel{margin:12px 0!important}.settings-category .settings-panel{padding:20px}.settings-category h3{margin-top:0}
#setting-security #pin-company-security{margin:0!important}.settings-category input,.settings-category select{min-height:46px}

.credit-receipt-dialog{width:min(780px,94vw);max-height:90vh;overflow:auto;border:1px solid #d4e0f0;border-radius:22px;padding:24px;color:#203b5b;box-sizing:border-box;box-shadow:0 22px 70px #142d4533}.credit-receipt-dialog::backdrop{background:#10264077}.credit-receipt-head{display:flex;gap:14px;align-items:center}.credit-receipt-head h2{margin:4px 0;font-size:24px}.credit-receipt-head p{margin:0;font-size:14px}.credit-receipt-head small{color:#16795d;font-weight:800;letter-spacing:.08em}.credit-receipt-check{display:grid;place-items:center;background:#dcf6e9;color:#157654;border-radius:18px;width:52px;height:52px;font-size:28px;flex-shrink:0}.credit-receipt-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.credit-receipt-metrics>div{display:grid;gap:8px;background:#f0f4fa;border-radius:14px;padding:16px}.credit-receipt-metrics span{font-size:13px}.credit-receipt-metrics b{font-size:27px;font-variant-numeric:tabular-nums}.credit-receipt-metrics .received{background:#e4f6ec;color:#176946}.credit-receipt-metrics .remaining{background:#e8efff;color:#244fa4}.credit-receipt-detail{padding:12px;background:#f7f9fc;border-radius:12px;font-size:13px}.credit-receipt-detail summary{cursor:pointer;min-height:30px;align-content:center}.credit-receipt-contacts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.credit-receipt-contacts label,.credit-print-choice label{display:grid;gap:6px;font-size:13px}.credit-receipt-contacts input,.credit-print-choice select{width:100%;box-sizing:border-box;min-height:48px;padding:10px;border:1px solid #cbd9eb;border-radius:10px;font:inherit;font-size:16px}.credit-receipt-hint{display:block;margin:8px 0;color:#60728a}.credit-delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.credit-delivery-grid button{display:grid;gap:7px;min-height:84px;padding:12px;border:1px solid #c6d6ed;border-radius:13px;background:#eef4ff;color:#234e89;cursor:pointer}.credit-delivery-grid button small{font-size:12px}.credit-delivery-grid [data-delivery=whatsapp]{background:#e5f6ee;color:#186445}.credit-delivery-grid [data-delivery=print]{background:#2e62cb;color:white}.credit-print-choice{max-width:300px}.credit-delivery-status{padding:12px;background:#f4f6fa;border-radius:10px;font-size:13px;line-height:1.5}.credit-receipt-close{min-height:48px!important;margin-top:6px}.credit-receipt-dialog h3{font-size:17px;margin:18px 0 12px}@media(max-width:600px){.credit-receipt-dialog{padding:16px}.credit-delivery-grid{grid-template-columns:1fr 1fr}.credit-receipt-contacts{grid-template-columns:1fr}.credit-receipt-metrics{gap:6px}.credit-receipt-metrics>div{padding:10px}.credit-receipt-metrics b{font-size:22px}}

/* Touch-friendly transaction history */
.transaction-history-dialog {background:#f7faff;color:#20324e}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.history-heading h2{margin:8px 0}.history-heading small{color:#3564cc;font-weight:800;letter-spacing:.08em}.history-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:white;padding:18px;border:1px solid #dce6f5;border-radius:16px;margin:18px 0}.history-filters label{display:grid;gap:7px;font-weight:700}.history-filters input{width:100%;min-width:0;min-height:48px;border:1px solid #cbd8ed;border-radius:10px;padding:10px;box-sizing:border-box}.history-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.transaction-history-dialog .btn{min-height:48px}.transaction-history-dialog article{background:white}.transaction-history-dialog footer{justify-content:space-between;margin:18px 0}@media(max-width:650px){.history-filters{grid-template-columns:1fr 1fr;padding:12px}.history-actions{grid-column:1/-1}.history-heading{align-items:flex-start}.transaction-history-dialog{padding:16px!important}.transaction-history-dialog article .btn{display:flex;margin-top:8px;width:100%}}

.history-invoice{margin-top:20px;padding:20px;background:#f5f8ff;border:1px solid #ccdcef;border-radius:16px}.history-invoice-customer{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}.history-invoice-line{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #dce5f3}.history-invoice-line small{display:block;margin-top:6px}.history-invoice-totals{display:grid;gap:10px;margin:18px 0 18px auto;max-width:400px}.history-invoice-totals span{display:flex;justify-content:space-between;gap:20px}.history-invoice>.history-actions{margin:18px 0}

.transaction-history-dialog>.history-heading{position:sticky;top:-24px;z-index:3;background:#f7faff;padding:14px 0;border-bottom:1px solid #dce6f5}.history-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border:1px solid #bccde4;border-radius:14px;background:#fff;color:#213c62;font-size:36px;line-height:1;cursor:pointer}.history-close:hover{background:#e7efff}.history-close:focus-visible{outline:3px solid #326bff;outline-offset:3px}.transaction-history-dialog::backdrop{background:rgba(15,30,55,.48)}@media(max-width:650px){.transaction-history-dialog>.history-heading{top:-16px}}

.inline-receipt-dialog{width:min(1000px,94vw);height:90vh;box-sizing:border-box;border:1px solid #cbd8ed;border-radius:20px;padding:20px;background:#f7faff;color:#20324e}.inline-receipt-dialog[open]{display:flex;flex-direction:column;gap:12px}.inline-receipt-dialog header{display:flex;justify-content:space-between;align-items:center}.inline-receipt-dialog h2{margin:5px 0}.inline-receipt-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.inline-receipt-toolbar label{display:grid;gap:6px}.inline-receipt-toolbar select,.inline-receipt-toolbar button{min-height:48px}.inline-receipt-frame{flex:1;min-height:180px;width:100%;border:1px solid #dce6f5;border-radius:12px;background:white}.inline-receipt-dialog::backdrop{background:rgba(15,30,55,.48)}.inline-receipt-dialog [data-status]{margin:0;font-size:13px}
/* Compact invoice layout: preserve touch targets while reducing empty space. */
.transaction-history-dialog{padding:16px!important}
.transaction-history-dialog>.history-heading{top:-16px;padding:8px 0;gap:10px}
.transaction-history-dialog>.history-heading h2{font-size:21px;margin:4px 0}
.transaction-history-dialog>.history-heading p{margin:4px 0;font-size:13px}
.transaction-history-dialog .history-filters{gap:10px;padding:12px;margin:12px 0}
.transaction-history-dialog [data-results]>article{padding:12px!important;margin:10px 0!important;border-radius:12px!important}
.transaction-history-dialog [data-results]>article>p{margin:7px 0;font-size:13px}
.transaction-history-dialog .btn{min-height:44px;padding:10px 12px;font-size:13px}
.history-invoice{margin-top:12px;padding:14px;background:#f4f7fc;border-radius:12px}
.history-invoice .history-heading{gap:10px}
.history-invoice .history-heading h2{font-size:18px;margin:4px 0;overflow-wrap:anywhere}
.history-invoice .history-heading small{font-size:11px}
.history-close{width:44px;height:44px;flex-basis:44px;font-size:30px;border-radius:10px}
.history-invoice-customer{gap:6px 14px;margin:10px 0;font-size:13px}
.history-invoice-lines{background:white;border:1px solid #dce5f3;border-radius:10px;padding:0 12px}
.history-invoice-line{padding:10px 0;gap:12px;font-size:13px}
.history-invoice-line:last-child{border-bottom:0}
.history-invoice-line small{margin-top:3px;font-size:11px}
.history-invoice-totals{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none;gap:8px;margin:10px 0}
.history-invoice-totals span{display:grid;align-content:space-between;gap:6px;background:#fff;border:1px solid #dde6f3;border-radius:10px;padding:10px;font-size:12px;min-width:0}
.history-invoice-totals b{font-size:17px;font-variant-numeric:tabular-nums}
.history-invoice-totals span:last-child{background:#e6efff;border-color:#bfd2f3;color:#234c93}
.history-invoice>p{margin:7px 0;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.history-invoice>.history-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}
.history-invoice>.history-actions .btn{display:flex;align-items:center;justify-content:center;text-align:center;margin:0;width:100%;box-sizing:border-box;text-decoration:none}
.history-invoice>small{display:block;font-size:11px;line-height:1.4;color:#566982}
@media(max-width:760px){.history-invoice-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.history-invoice>.history-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.history-invoice{padding:10px}.history-invoice-totals span:last-child{grid-column:span 2}}
@media(max-width:420px){.history-invoice-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.history-invoice .history-heading h2{font-size:15px}.history-invoice .history-heading>.history-actions{flex-wrap:nowrap}}

.inline-receipt-toolbar label[hidden]{display:none!important}.inline-receipt-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.receipt-share-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap;background:#edf3ff;padding:10px;border-radius:10px}.receipt-share-form label{display:grid;gap:5px;flex:1;min-width:180px}.receipt-share-form input{min-height:44px;border:1px solid #bdcde5;border-radius:8px;padding:8px}.receipt-share-form small{flex-basis:100%;font-size:11px}@media(max-width:550px){.inline-receipt-toolbar{grid-template-columns:repeat(2,1fr)}}
.messaging-setup header{display:flex;gap:12px;align-items:center;justify-content:space-between}.messaging-setup h3,.messaging-setup h4{margin:8px 0}.messaging-pending{background:#fff2cd;color:#775400;padding:8px;border-radius:8px;font-size:12px}.messaging-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.messaging-fields label{display:grid;gap:5px;font-size:13px}.messaging-fields input,.messaging-fields select{min-width:0;min-height:44px;width:100%;box-sizing:border-box}.messaging-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.messaging-steps section{padding:12px;background:#f1f5fc;border:1px solid #d9e5f5;border-radius:12px}.messaging-steps ol{padding-left:20px;font-size:13px;line-height:1.6}.messaging-status{font-size:12px;padding:10px;background:#fff6df;border-radius:8px}@media(max-width:650px){.messaging-fields,.messaging-steps{grid-template-columns:1fr}}