/* V96 — readable light colors and compact invoice controls. */
html body #root .cp96-colored,html body #overlay .cp96-colored{background:var(--cp96-bg)!important;background-image:none!important;color:var(--cp96-ink)!important;border-color:color-mix(in srgb,var(--cp96-ink) 25%,white)!important;-webkit-text-fill-color:var(--cp96-ink)!important;}
html body #root .cp96-colored strong,html body #root .cp96-colored span,html body #overlay .cp96-colored strong,html body #overlay .cp96-colored span{color:var(--cp96-ink)!important;-webkit-text-fill-color:var(--cp96-ink)!important;}
html body #root .cp96-colored:before,html body #overlay .cp96-colored:before{background:transparent!important}
html body #overlay .cp-invoice-dialog #invoiceForm .cp-invoice-options{display:block!important;position:static!important;width:100%!important;max-width:none!important;margin:9px 0!important;padding:0!important;min-height:0!important;align-self:stretch!important;grid-column:1/-1!important;border:0!important;background:transparent!important;border-radius:10px!important;}
html body #overlay .cp-invoice-dialog #invoiceForm .cp-invoice-options>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:39px!important;max-height:none!important;margin:0!important;padding:9px 12px!important;background:#e3edfc!important;color:#314e71!important;font-size:13px!important;border:1px solid #cedcf1!important;border-radius:9px!important;cursor:pointer!important;}
html body #overlay .cp-invoice-dialog #invoiceForm .cp-invoice-options>.fields{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-height:none!important;margin:0!important;padding:10px 0 3px!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:8px!important;}
html body #overlay .cp-invoice-dialog #invoiceForm .cp-invoice-options:not([open])>.fields{display:none!important}
html body #overlay #invoiceForm .cp-party-phone-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important;margin:0!important;padding:0!important;}
html body #overlay #invoiceForm .cp-party-phone-row>.field{margin:0!important}
html body #overlay #invoiceForm .cp-party-phone-row>.checkinline{min-height:40px!important;font-size:11px!important;white-space:normal!important;margin:0!important;padding:3px!important;background:transparent!important;}
html body #overlay #invoiceForm #returningCustomer:empty,html body #overlay #invoiceForm #partySuggest:empty{display:none!important;}
html body #overlay #invoiceForm .cp-invoice-options p{margin:3px 0!important;}
html body #overlay #invoiceForm .cp-previous-balance{padding:7px 10px!important;margin:5px 0!important;background:#fff2cc!important;}
.cp-password-layer{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px;background:#16263b99;direction:rtl;}
.cp-password-box{width:min(390px,100%);box-sizing:border-box;background:white;border-radius:18px;padding:22px;box-shadow:0 18px 70px #1115;color:#24384f;}
.cp-password-box h3{margin-top:0}.cp-password-box input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #bbcde0;border-radius:10px;font-size:16px;margin:8px 0 16px}.cp-password-box p{line-height:1.7;font-size:13px}
.cp-inline-expander{margin:9px 0;border:1px solid #d6e2ed;border-radius:9px;padding:9px 12px}.cp-inline-expander>summary{cursor:pointer;font-weight:700}
.cp-period-chooser{display:flex!important;flex-wrap:wrap!important;align-items:end!important;gap:8px!important;padding:9px 0!important}.cp-period-chooser>label{display:grid;gap:4px;font-size:12px}.cp-period-chooser input,.cp-period-chooser select{min-height:38px;padding:6px 9px;font-size:16px;max-width:100%;border:1px solid #c7d8e5;border-radius:8px}
html body #overlay #invoiceForm .cp-tax-area{margin:6px 0;padding:8px;background:#f3e8fb;border-radius:9px;color:#583a6d}.cp-tax-area .fields{margin-top:8px}
.cp-balance-print,.cp-tax-print{margin:10px 0;padding:10px;border:1px solid #b9c9d8;border-radius:6px;line-height:1.7;color:#152b40;background:#f8fbff;break-inside:avoid;font-size:12px}.cp-balance-print h3{font-size:13px;margin:0 0 5px}.cp-balance-print p{font-size:11px;margin:4px 0}.cp-tax-print{background:#fcf8ff}
.cp-salary-search{position:relative}.cp-salary-search #cpEmployeeSuggestions:empty{display:none}.cp-salary-search #cpEmployeeSuggestions{position:absolute;top:100%;right:0;left:0;z-index:20;max-height:220px;overflow:auto;background:white;box-shadow:0 5px 15px #26374a25;border:1px solid #ccd9e5;border-radius:9px}.cp-salary-search .suggestion{display:block;width:100%;padding:10px;text-align:right;border:0;border-bottom:1px solid #eef2f7;background:white;color:#24425c}.cp-salary-search .suggestion:hover{background:#e6f4ff}
#cpSalaryPreview small{display:block;margin-top:6px;line-height:1.7}#cpSalaryFields.hidden{display:none!important}.cp-salary-deduction{padding:9px;background:#fff1e1;border-radius:9px}#cpDeductionInputs{margin-top:7px}
.cp-payslip{padding:18px;border:1px solid #cedbe7;background:white;color:#19354b;line-height:1.8;direction:rtl}.cp-payslip h2,.cp-payslip h3{margin:4px 0}.cp-payslip .cp-slip-total{background:#e7f5ed;padding:12px;border:1px solid #bfdccc;border-radius:8px;font-size:17px}
@media(max-width:600px){.cp-password-box{padding:18px}.cp-period-chooser{font-size:12px}.cp-period-chooser label{min-width:0;flex:1}.cp-period-chooser input{width:100%;box-sizing:border-box}.cp-period-chooser select{width:100%}.cp-receipt .cp-balance-print,.cp-receipt .cp-tax-print{font-size:10px;padding:4px}}
@media print{.cp-balance-print,.cp-tax-print{background:white!important;color:black!important;font-size:11px}.cp-receipt .cp-balance-print,.cp-receipt .cp-tax-print{font-size:9px;line-height:1.45}.cp-payslip{border:0;padding:4mm}.cp-password-layer{display:none!important}}
html body #overlay .fields>.field.cp96-colored{padding:7px;border-radius:8px;box-sizing:border-box;min-width:0}
html body #overlay .cp96-colored input:not([type=checkbox]),html body #overlay .cp96-colored select,html body #overlay .cp96-colored textarea{background:#ffffffc9!important;color:#243c52!important;-webkit-text-fill-color:#243c52!important}
html body #overlay .cp96-colored>label{color:inherit!important;-webkit-text-fill-color:inherit!important}
html body #overlay .modal label.checkinline{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;max-width:100%!important;width:auto!important;min-height:28px!important;white-space:normal!important;line-height:1.6!important;}
html body #overlay .modal label.checkinline>input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;display:inline-block!important;margin:0!important;padding:0!important;}
html body #overlay .cp-invoice-dialog #invoiceForm .cp-invoice-options>summary{min-width:0!important;max-width:none!important;flex-direction:row!important;flex:none!important;overflow-wrap:normal!important;}
html body #overlay .cp-invoice-dialog #invoiceForm .cp-invoice-options>summary span{display:inline!important}
.cp-slip-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:12px;table-layout:fixed}.cp-slip-table th,.cp-slip-table td{padding:6px 8px;border:1px solid #d4dfe8;text-align:right;overflow-wrap:anywhere}.cp-slip-table th{background:#e7eff7}.cp-slip-table th:first-child{width:72%}.cp-slip-table tbody tr:nth-child(even){background:#f6f9fc}.cp-payslip p{font-size:12px;margin:7px 0}.cp-payslip h2{font-size:21px}.cp-payslip h3{font-size:17px}
@media(max-width:600px){.cp-payslip{padding:10px}.cp-slip-table th,.cp-slip-table td{padding:5px;font-size:11px}.cp-slip-table th:first-child{width:66%}}
@media print{.cp-slip-table{display:table!important;font-size:11px}.cp-slip-table thead{display:table-header-group!important}.cp-slip-table tbody{display:table-row-group!important}.cp-slip-table tr{display:table-row!important;break-inside:avoid}.cp-slip-table th,.cp-slip-table td{display:table-cell!important;border:1px solid #aaa!important;padding:5px!important}.cp-slip-table td:before{display:none!important}}
html body #overlay .cp-invoice-dialog #invoiceForm .cp-invoice-options[open]>summary,
html body #overlay .cp-invoice-dialog #invoiceForm .cp-invoice-options:not([open])>summary{background:#fff2bb!important;color:#705c23!important;-webkit-text-fill-color:#705c23!important;border-color:#ead997!important;height:auto!important;min-height:39px!important;max-height:none!important;}