/* Active Seba Invoice Manager v3 - admin + A4 invoice */
.asi-wrap{max-width:1450px}.asi-title{font-size:28px;margin:22px 0}.asi-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.asi-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 3px 16px rgba(0,0,0,.07);border-left:5px solid}.asi-card span{display:block;color:#667085}.asi-card strong{display:block;font-size:25px;margin-top:9px}.blue{border-color:#2271b1!important}.green{border-color:#16a34a!important}.purple{border-color:#7c3aed!important}.orange{border-color:#f59e0b!important}.red{border-color:#dc2626!important}.asi-panel{background:#fff;padding:24px;margin:20px 0;border-radius:14px;box-shadow:0 3px 16px rgba(0,0,0,.06)}.asi-panel-head,.asi-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.asi-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px}.asi-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.asi-form-grid .full{grid-column:1/-1}.asi-panel label,.asi-media>label{display:block;font-weight:600;margin-bottom:7px}.asi-panel input,.asi-panel textarea,.asi-panel select,.asi-toolbar input{width:100%;box-sizing:border-box;padding:9px;border:1px solid #ccd0d4;border-radius:7px}.asi-panel textarea{min-height:80px}.asi-totals{max-width:430px;margin:20px 0 0 auto}.asi-totals p{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:8px}.asi-totals input{max-width:180px}.asi-status{padding:4px 9px;border-radius:20px;font-size:11px;font-weight:700}.asi-status.paid{background:#dcfce7;color:#166534}.asi-status.due{background:#fee2e2;color:#991b1b}.asi-status.partial{background:#fef3c7;color:#92400e}.asi-delete{color:#b91c1c!important}.asi-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.asi-media{border:1px solid #e5e7eb;padding:15px;border-radius:10px}.asi-media-preview{display:block;width:150px;height:100px;object-fit:contain;background:#f8fafc;border:1px dashed #cbd5e1;margin-bottom:10px}.asi-media button{margin-right:5px}.asi-view-wrap{padding:20px}.asi-print-actions{max-width:210mm;margin:0 auto 15px}.asi-invoice-modern{width:210mm;min-height:297mm;background:#fff;margin:auto;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#172033;box-shadow:0 0 22px rgba(0,0,0,.12);overflow:hidden}.invoice-top{height:52mm;display:flex;justify-content:space-between;align-items:center;padding:0 12mm;background:#0b4ca8;position:relative;box-sizing:border-box}.invoice-top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:7mm;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}.brand-area{display:flex;align-items:center;gap:12px;color:#fff}.modern-logo{width:42mm;height:25mm;object-fit:contain;background:#fff;border-radius:3mm;padding:3mm;box-sizing:border-box}.company-name{font-size:21px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.company-tag{font-size:10px;margin-top:5px;opacity:.9}.invoice-title-box{text-align:right;color:#fff}.invoice-word{font-size:32px;font-weight:900;letter-spacing:2px}.invoice-thanks{font-size:11px;margin-top:5px}.invoice-info{display:grid;grid-template-columns:1.8fr .75fr;gap:8mm;padding:7mm 12mm 5mm}.party-grid{display:grid;grid-template-columns:1fr 1fr;gap:4mm}.party-card{border:1px solid #cfd7e4;border-radius:3mm;overflow:hidden;min-height:49mm}.party-head{padding:4mm 5mm;font-weight:800;font-size:12px;background:#eaf0f7}.bill-to .party-head{background:#1260c7;color:#fff}.party-head span{float:right;border:1px solid currentColor;border-radius:50%;width:18px;height:18px;text-align:center;line-height:17px}.party-body{padding:5mm;font-size:10.5px;line-height:1.65}.party-body strong{font-size:13px}.party-body p{margin:6mm 0 0}.meta-list>div{padding:4mm 0;border-bottom:1px solid #d9dee7}.meta-list span{display:block;font-size:9px;color:#596579;margin-bottom:1.5mm}.meta-list b{font-size:11px;color:#082e70}.modern-items{width:calc(100% - 24mm);margin:2mm 12mm 7mm;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #ccd5e2;border-radius:3mm;font-size:10.5px}.modern-items th{background:#0b4ca8;color:#fff;text-align:left;padding:4mm}.modern-items th:first-child,.modern-items td:first-child{width:13mm;text-align:center}.modern-items th:nth-child(3),.modern-items th:nth-child(4),.modern-items th:nth-child(5),.modern-items td:nth-child(3),.modern-items td:nth-child(4),.modern-items td:nth-child(5){text-align:right}.modern-items td{padding:5mm 4mm;border-top:1px solid #d7dee8}.modern-items tbody tr:nth-child(even){background:#f4f7fb}.invoice-lower{display:grid;grid-template-columns:1.1fr 1fr;gap:8mm;padding:0 12mm}.section-title{font-weight:900;color:#0a397f;font-size:12px;margin-bottom:4mm}.payment-lines{font-size:10px;line-height:1.7;border-bottom:1px solid #cfd6df;padding-bottom:4mm}.payment-lines p{margin:1.5mm 0}.payment-lines span{display:inline-block;min-width:30mm}.payment-note{font-size:9px;font-style:italic;margin-top:4mm;color:#596579}.seal-sign{display:flex;align-items:center;gap:8mm;border:1px solid #d6dce5;border-radius:3mm;padding:4mm;margin-top:5mm;min-height:27mm;box-sizing:border-box}.status-seal{width:28mm;height:28mm;object-fit:contain}.sig-area{margin-left:auto;text-align:center;font-size:7px;color:#14366d;font-weight:700}.signature-img{display:block;width:34mm;height:18mm;object-fit:contain;margin:auto}.summary-box{border:1px solid #d2d9e4;border-radius:3mm;overflow:hidden;align-self:start}.summary-row{display:flex;justify-content:space-between;padding:5mm;border-bottom:1px solid #d5dce6;font-size:11px}.paid-text{color:#15803d}.total-due{display:flex;justify-content:space-between;align-items:center;background:#063985;color:#fff;padding:7mm 6mm}.total-due span{font-weight:800;font-size:13px}.total-due strong{font-size:20px}.modern-footer{margin-top:13mm;border-top:1px solid #d3dae4;padding:5mm 12mm 6mm;font-size:8.5px;color:#536176;display:flex;justify-content:space-between;gap:5mm}.follow{font-weight:700;color:#0b438f}@media(max-width:900px){.asi-cards{grid-template-columns:repeat(2,1fr)}.asi-grid,.asi-form-grid,.asi-media-grid{grid-template-columns:1fr}.asi-form-grid .full{grid-column:auto}.asi-invoice-modern{width:100%;box-shadow:none}.invoice-top{height:auto;min-height:150px;padding:20px}.invoice-info,.invoice-lower{grid-template-columns:1fr;padding:20px}.modern-items{width:calc(100% - 40px);margin-left:20px;margin-right:20px}.modern-footer{margin-top:30px;padding:15px 20px;flex-direction:column}.party-grid{grid-template-columns:1fr}.invoice-word{font-size:24px}.modern-logo{width:100px;height:65px}}@media print{#adminmenumain,#wpadminbar,#wpfooter,.notice,.asi-print-actions{display:none!important}html,body{background:#fff!important;margin:0!important;padding:0!important}.asi-view-wrap{padding:0!important}.asi-invoice-modern{width:210mm;min-height:297mm;margin:0;box-shadow:none!important}@page{size:A4;margin:0}}

/* v4.0 print reliability: preserve the template colors and force a single A4 sheet */
.asi-invoice-modern,.invoice-top,.invoice-top:after,.party-head,.bill-to .party-head,.modern-items,.modern-items th,.modern-items tbody tr:nth-child(even),.summary-box,.total-due,.modern-footer,.seal-sign{ -webkit-print-color-adjust:exact!important; print-color-adjust:exact!important; }
.asi-invoice-modern{page-break-after:avoid;page-break-before:avoid;}
@media print{
  html,body{width:210mm!important;height:297mm!important;overflow:hidden!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;}
  .asi-invoice-modern{height:297mm!important;min-height:297mm!important;max-height:297mm!important;overflow:hidden!important;box-sizing:border-box!important;}
  .invoice-top{height:43mm!important;min-height:43mm!important;padding:0 11mm!important;}
  .invoice-top:after{height:5mm!important;}
  .brand-area{gap:8px!important}.modern-logo{width:37mm!important;height:22mm!important}.company-name{font-size:19px!important}.invoice-word{font-size:29px!important}
  .invoice-info{padding:5mm 11mm 3mm!important;gap:6mm!important}.party-grid{gap:3mm!important}.party-card{min-height:42mm!important}.party-head{padding:3mm 4mm!important}.party-body{padding:4mm!important;font-size:9.5px!important}.party-body p{margin:3mm 0 0!important}.meta-list>div{padding:3mm 0!important}.meta-list span{font-size:8px!important}.meta-list b{font-size:10px!important}
  .modern-items{width:calc(100% - 22mm)!important;margin:1mm 11mm 4mm!important;font-size:9.5px!important}.modern-items th{padding:3mm!important}.modern-items td{padding:3mm!important}
  .invoice-lower{padding:0 11mm!important;gap:6mm!important}.section-title{font-size:10.5px!important;margin-bottom:3mm!important}.payment-lines{font-size:9px!important;padding-bottom:3mm!important}.payment-lines p{margin:1mm 0!important}.payment-note{font-size:8px!important;margin-top:3mm!important}.seal-sign{padding:3mm!important;margin-top:3mm!important;min-height:23mm!important}.status-seal{width:23mm!important;height:23mm!important}.signature-img{width:30mm!important;height:14mm!important}
  .summary-row{padding:3.5mm!important;font-size:10px!important}.total-due{padding:5mm!important}.total-due strong{font-size:18px!important}
  .modern-footer{margin-top:7mm!important;padding:3mm 11mm 4mm!important;font-size:7.5px!important}
}

.asi-download-pdf{margin-left:6px!important}.asi-download-pdf:disabled{opacity:.65;cursor:wait}

/* v4.2 - fixed PDF/print canvas mode: never use the responsive mobile layout while exporting */
.asi-pdf-stage{position:fixed!important;left:-100000px!important;top:0!important;width:210mm!important;height:297mm!important;overflow:hidden!important;background:#fff!important;z-index:-1!important}
.asi-pdf-stage .asi-invoice-modern{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;box-shadow:none!important;overflow:hidden!important}
.asi-pdf-stage .invoice-top{height:43mm!important;min-height:43mm!important;padding:0 11mm!important}
.asi-pdf-stage .invoice-top:after{height:5mm!important}
.asi-pdf-stage .brand-area{gap:8px!important}.asi-pdf-stage .modern-logo{width:37mm!important;height:22mm!important}.asi-pdf-stage .company-name{font-size:19px!important}.asi-pdf-stage .invoice-word{font-size:29px!important}
.asi-pdf-stage .invoice-info{padding:5mm 11mm 3mm!important;gap:6mm!important}.asi-pdf-stage .party-grid{grid-template-columns:1fr 1fr!important;gap:3mm!important}.asi-pdf-stage .party-card{min-height:42mm!important}.asi-pdf-stage .party-head{padding:3mm 4mm!important}.asi-pdf-stage .party-body{padding:4mm!important;font-size:9.5px!important}.asi-pdf-stage .party-body p{margin:3mm 0 0!important}.asi-pdf-stage .meta-list>div{padding:3mm 0!important}.asi-pdf-stage .meta-list span{font-size:8px!important}.asi-pdf-stage .meta-list b{font-size:10px!important}
.asi-pdf-stage .modern-items{width:calc(100% - 22mm)!important;margin:1mm 11mm 4mm!important;font-size:9.5px!important}.asi-pdf-stage .modern-items th{padding:3mm!important}.asi-pdf-stage .modern-items td{padding:3mm!important}
.asi-pdf-stage .invoice-lower{grid-template-columns:1.1fr 1fr!important;padding:0 11mm!important;gap:6mm!important}.asi-pdf-stage .section-title{font-size:10.5px!important;margin-bottom:3mm!important}.asi-pdf-stage .payment-lines{font-size:9px!important;padding-bottom:3mm!important}.asi-pdf-stage .payment-lines p{margin:1mm 0!important}.asi-pdf-stage .payment-note{font-size:8px!important;margin-top:3mm!important}.asi-pdf-stage .seal-sign{padding:3mm!important;margin-top:3mm!important;min-height:23mm!important}.asi-pdf-stage .status-seal{width:23mm!important;height:23mm!important}.asi-pdf-stage .signature-img{width:30mm!important;height:14mm!important}
.asi-pdf-stage .summary-row{padding:3.5mm!important;font-size:10px!important}.asi-pdf-stage .total-due{padding:5mm!important}.asi-pdf-stage .total-due strong{font-size:18px!important}.asi-pdf-stage .modern-footer{margin-top:7mm!important;padding:3mm 11mm 4mm!important;font-size:7.5px!important}
.asi-pdf-stage *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
.asi-print-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
@media print{.asi-print-actions{display:none!important}}

/* v4.3 - Amount in words + Growfy website QR */
.invoice-extras{display:grid;grid-template-columns:1fr 34mm;gap:8mm;align-items:center;margin:6mm 12mm 0;padding-top:4mm;border-top:1px solid #d3dae4}
.amount-words{min-height:20mm;display:flex;flex-direction:column;justify-content:center}
.amount-words span{font-size:8px;font-weight:900;color:#0b438f;letter-spacing:.7px;margin-bottom:2mm}
.amount-words strong{font-size:10px;line-height:1.45;text-transform:uppercase}
.qr-box{display:flex;align-items:center;justify-content:center;gap:3mm;border:1px solid #d6dce5;border-radius:3mm;padding:2.5mm;box-sizing:border-box;background:#fff}
.qr-box img{width:24mm;height:24mm;object-fit:contain;display:block}
.qr-box small{text-align:center;font-size:7px;font-weight:800;color:#0b438f;line-height:1.35}
@media print{
  .invoice-extras{margin:4mm 11mm 0!important;padding-top:3mm!important;gap:5mm!important}
  .amount-words{min-height:16mm!important}.amount-words span{font-size:7px!important;margin-bottom:1mm!important}.amount-words strong{font-size:8.5px!important}
  .qr-box{padding:2mm!important}.qr-box img{width:20mm!important;height:20mm!important}.qr-box small{font-size:6px!important}
}
.asi-pdf-stage .invoice-extras{grid-template-columns:1fr 34mm!important;margin:4mm 11mm 0!important;padding-top:3mm!important;gap:5mm!important}
.asi-pdf-stage .amount-words{min-height:16mm!important}.asi-pdf-stage .amount-words span{font-size:7px!important;margin-bottom:1mm!important}.asi-pdf-stage .amount-words strong{font-size:8.5px!important}.asi-pdf-stage .qr-box{padding:2mm!important}.asi-pdf-stage .qr-box img{width:20mm!important;height:20mm!important}.asi-pdf-stage .qr-box small{font-size:6px!important}

/* v4.4.1 - Clean professional LIGHT UI */
.asi-wrap { color:#1f2937; }
.asi-wrap .asi-panel,
.asi-wrap .asi-card,
.asi-wrap .asi-media,
.asi-wrap .asi-invoice-modern { background:#fff !important; color:#1f2937; }
.asi-wrap h1,
.asi-wrap h2,
.asi-wrap h3 { color:#172033; }
.asi-wrap input,
.asi-wrap textarea,
.asi-wrap select { background:#fff !important; color:#1f2937 !important; }
.asi-wrap .button.button-primary,
.asi-wrap .button-primary {
    background:#0b4ca8 !important;
    border-color:#0b4ca8 !important;
    color:#fff !important;
    box-shadow:none !important;
}
.asi-wrap .button.button-primary:hover,
.asi-wrap .button-primary:hover {
    background:#083b82 !important;
    border-color:#083b82 !important;
}
.invoice-top,
.modern-items th,
.bill-to .party-head,
.total-due { background:#0b4ca8 !important; }
.party-grid { grid-template-columns:1fr !important; }
.bill-from { display:none !important; }
.asi-pdf-stage .party-grid { grid-template-columns:1fr !important; }
.asi-pdf-stage .bill-from { display:none !important; }

/* v4.4.2 - Colorful professional invoice + payment method */
.invoice-top {
    background: linear-gradient(135deg,#0757b8 0%,#1677d2 52%,#16a6b7 100%) !important;
}
.invoice-top .invoice-brand,
.invoice-top .invoice-title {
    color:#fff !important;
}
.invoice-info {
    background:#f7fbff !important;
    border:1px solid #dbeafe !important;
    border-radius:14px !important;
}
.party-card {
    border:1px solid #cfe3ff !important;
    box-shadow:0 5px 18px rgba(15,76,129,.08) !important;
}
.bill-to .party-head {
    background:linear-gradient(135deg,#0b5fc4,#1786dc) !important;
    color:#fff !important;
}
.meta-list > div {
    background:#fff !important;
    border-left:4px solid #16a6b7 !important;
}
.modern-items {
    border:1px solid #d8e8f7 !important;
    overflow:hidden;
    border-radius:12px !important;
}
.modern-items th {
    background:linear-gradient(135deg,#0b5fc4,#087f9e) !important;
    color:#fff !important;
}
.modern-items tbody tr:nth-child(even) {
    background:#f4f9ff !important;
}
.modern-items tbody tr:hover {
    background:#eaf5ff !important;
}
.total-due {
    background:linear-gradient(135deg,#0757b8,#13a3a8) !important;
    color:#fff !important;
    border-radius:14px !important;
}
.payment-method-box {
    margin-top:18px;
    padding:18px;
    border-radius:14px;
    background:linear-gradient(135deg,#f0f8ff,#f4fffd);
    border:1px solid #cce7f5;
    box-shadow:0 6px 20px rgba(15,76,129,.07);
}
.payment-method-title {
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    color:#0757b8;
    margin-bottom:12px;
}
.payment-method-grid {
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr;
    gap:10px;
}
.payment-method-grid > div {
    background:#fff;
    border:1px solid #dcecf8;
    border-radius:10px;
    padding:10px 12px;
}
.payment-method-grid span {
    display:block;
    font-size:10px;
    color:#64748b;
    margin-bottom:4px;
    text-transform:uppercase;
}
.payment-method-grid strong {
    display:block;
    color:#172033;
    font-size:13px;
}
.qr-box small,
.qr-box .qr-caption,
.invoice-qr small {
    display:none !important;
}
@media (max-width:700px) {
    .payment-method-grid { grid-template-columns:1fr; }
}

/* v4.4.3 custom payment methods */
.asi-payment-select{margin:16px 0;padding:16px;border:1px solid #cfe3ff;border-radius:14px;background:#f5faff}
.asi-payment-select-title{font-weight:800;color:#0b4ca8;margin-bottom:8px}
.asi-payment-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.asi-payment-methods-settings{display:grid;gap:10px}
.asi-pm-row{display:grid;grid-template-columns:1fr 1.4fr 1.2fr auto;gap:8px;align-items:center;padding:10px;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff}
.asi-pm-row input{width:100%}
@media(max-width:700px){.asi-payment-select-grid,.asi-pm-row{grid-template-columns:1fr}}

/* =========================================================
   v4.4.4 FINAL UI POLISH
   Clean light professional design, balanced A4 invoice
   ========================================================= */
.asi-wrap{
  --asi-primary:#0b5fc4;
  --asi-primary-2:#087f9e;
  --asi-accent:#16a6b7;
  --asi-ink:#172033;
  --asi-muted:#64748b;
  --asi-border:#dbe7f3;
  --asi-soft:#f5f9fd;
}
.asi-wrap .asi-title{
  font-weight:800;
  letter-spacing:-.02em;
  margin-bottom:18px;
}
.asi-wrap .asi-panel{
  border:1px solid var(--asi-border)!important;
  border-radius:16px!important;
  box-shadow:0 8px 28px rgba(24,63,104,.07)!important;
  overflow:hidden;
}
.asi-wrap .asi-panel-head{
  padding:16px 18px;
  border-bottom:1px solid #e7eef6;
  background:#fbfdff;
}
.asi-wrap label{
  font-weight:700;
  color:#334155;
}
.asi-wrap input,
.asi-wrap textarea,
.asi-wrap select{
  border:1px solid #cbd9e8!important;
  border-radius:9px!important;
  min-height:40px;
  box-shadow:none!important;
}
.asi-wrap input:focus,
.asi-wrap textarea:focus,
.asi-wrap select:focus{
  border-color:#0b5fc4!important;
  box-shadow:0 0 0 3px rgba(11,95,196,.10)!important;
}
.asi-wrap .button{
  border-radius:9px!important;
  min-height:38px;
  font-weight:700;
}
.asi-wrap .button-primary{
  background:#0b5fc4!important;
  border-color:#0b5fc4!important;
}
.asi-wrap .button-primary:hover{
  background:#084c9e!important;
  border-color:#084c9e!important;
}

/* Dashboard cards */
.asi-cards .asi-card{
  border:0!important;
  border-radius:16px!important;
  box-shadow:0 8px 24px rgba(15,52,89,.09)!important;
  padding:20px!important;
}

/* Invoice editor */
.asi-payment-select{
  border:1px solid #cfe2f5!important;
  background:linear-gradient(180deg,#f8fbff,#f1f8ff)!important;
  box-shadow:0 5px 18px rgba(15,76,129,.06)!important;
}
.asi-payment-select-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  letter-spacing:.07em;
}
.asi-payment-select-title:before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:#16a6b7;
}
.asi-payment-select-grid p{margin:0!important}
.asi-payment-select-grid label{
  display:block;
  margin-bottom:6px;
  font-size:12px;
}
.asi-totals{
  margin-top:18px!important;
  border:1px solid #dbe7f3!important;
  border-radius:14px!important;
  overflow:hidden;
  background:#fff!important;
}
.asi-totals p{
  padding:10px 14px!important;
  margin:0!important;
  border-bottom:1px solid #edf2f7;
}
.asi-totals p:last-child{border-bottom:0}
.asi-totals strong{color:#0b4ca8}

/* A4 invoice */
.asi-view-wrap{
  background:#eef3f8;
  padding:24px!important;
}
.asi-print-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  max-width:210mm;
}
.asi-invoice-modern{
  border-radius:0!important;
  box-shadow:0 14px 45px rgba(25,55,88,.18)!important;
}
.invoice-top{
  height:49mm!important;
  padding:0 12mm!important;
  background:linear-gradient(135deg,#0757b8 0%,#1174cf 55%,#12a1ad 100%)!important;
}
.invoice-top:after{
  height:6mm!important;
  background:#fff!important;
}
.modern-logo{
  border:3px solid rgba(255,255,255,.75);
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.company-name{font-size:22px!important}
.invoice-word{font-size:34px!important}
.invoice-thanks{opacity:.92}
.invoice-info{
  grid-template-columns:minmax(0,1fr) 56mm!important;
  gap:8mm!important;
  padding:7mm 12mm 5mm!important;
  background:#fff!important;
}
.party-grid{
  grid-template-columns:1fr!important;
}
.party-card{
  min-height:46mm!important;
  border:1px solid #cfe0f0!important;
  border-radius:12px!important;
  box-shadow:0 6px 18px rgba(20,70,110,.06)!important;
}
.party-head{
  padding:4mm 5mm!important;
  background:#f2f7fc!important;
}
.bill-to .party-head{
  background:linear-gradient(135deg,#0b5fc4,#1786dc)!important;
}
.party-body{padding:5mm!important}
.meta-list>div{
  padding:3.5mm 0!important;
  border-bottom:1px solid #e1e9f1!important;
}
.meta-list>div:first-child{border-top:3px solid #16a6b7}
.modern-items{
  margin-top:2mm!important;
  border:1px solid #cfe0f0!important;
  border-radius:10px!important;
}
.modern-items th{
  background:linear-gradient(135deg,#0b5fc4,#087f9e)!important;
  padding:4mm!important;
}
.modern-items td{padding:4.2mm!important}
.modern-items tbody tr:nth-child(even){background:#f6faff!important}
.invoice-lower{
  grid-template-columns:1.12fr .88fr!important;
}
.section-title{
  color:#0b5fc4!important;
  display:flex;
  align-items:center;
  gap:5px;
}
.payment-lines{
  background:#f8fbfe;
  border:1px solid #dce8f2;
  border-radius:10px;
  padding:3mm 4mm!important;
}
.payment-lines p{
  padding:1.2mm 0;
}
.payment-lines span{color:#64748b!important}
.summary-box{
  border:1px solid #cfe0f0!important;
  border-radius:12px!important;
  box-shadow:0 5px 18px rgba(20,70,110,.05);
}
.summary-row{background:#fff}
.total-due{
  background:linear-gradient(135deg,#0757b8,#13a3a8)!important;
  padding:6mm!important;
}
.total-due strong{font-size:21px!important}
.modern-footer{
  background:#f7fafc;
  border-top:1px solid #dce6ef!important;
}

/* PDF stage must keep the same one-column BILL TO layout */
.asi-pdf-stage .invoice-info{
  grid-template-columns:minmax(0,1fr) 56mm!important;
}
.asi-pdf-stage .party-grid{
  grid-template-columns:1fr!important;
}
.asi-pdf-stage .party-card{
  min-height:42mm!important;
}

/* Hide any obsolete QR caption/url */
.asi-invoice-modern .qr-box small,
.asi-invoice-modern .invoice-qr small,
.asi-invoice-modern .qr-caption{
  display:none!important;
}

@media(max-width:900px){
  .asi-view-wrap{padding:10px!important}
  .invoice-info{grid-template-columns:1fr!important}
  .invoice-lower{grid-template-columns:1fr!important}
  .asi-print-actions{justify-content:stretch}
}
@media print{
  .asi-view-wrap{padding:0!important;background:#fff!important}
  .asi-invoice-modern{border-radius:0!important;box-shadow:none!important}
}


/* =========================================================
   Active Seba Invoice Manager 4.4.5
   Invoice UI refinement: larger type + uppercase + responsive
   ========================================================= */
.asi-view-wrap .invoice-paper,
.asi-view-wrap .invoice-paper * {
  box-sizing: border-box;
}

.asi-view-wrap .invoice-paper {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  color: #172033;
  letter-spacing: .01em;
  font-size: 14px;
  line-height: 1.55;
  overflow: hidden;
}

/* Main title */
.asi-view-wrap .invoice-top .invoice-title,
.asi-view-wrap .invoice-top h1,
.asi-view-wrap .invoice-top h2 {
  text-transform: uppercase !important;
  letter-spacing: .09em !important;
  font-weight: 900 !important;
  font-size: 30px !important;
  line-height: 1.08 !important;
}

/* Business/header text */
.asi-view-wrap .invoice-top .business-name,
.asi-view-wrap .invoice-top .company-name {
  font-size: 20px !important;
  font-weight: 850 !important;
  letter-spacing: .025em !important;
}

.asi-view-wrap .invoice-top .business-address,
.asi-view-wrap .invoice-top .company-address {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Section headings */
.asi-view-wrap .invoice-paper .party-head,
.asi-view-wrap .invoice-paper .section-title,
.asi-view-wrap .invoice-paper .payment-title,
.asi-view-wrap .invoice-paper .summary-title {
  text-transform: uppercase !important;
  letter-spacing: .075em !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* Customer and invoice meta */
.asi-view-wrap .invoice-paper .bill-to {
  padding: 16px !important;
  border-radius: 12px !important;
}

.asi-view-wrap .invoice-paper .bill-to .customer-name,
.asi-view-wrap .invoice-paper .client-name,
.asi-view-wrap .invoice-paper .customer-name {
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
}

.asi-view-wrap .invoice-paper .bill-to .customer-detail,
.asi-view-wrap .invoice-paper .client-detail,
.asi-view-wrap .invoice-paper .customer-detail {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

.asi-view-wrap .invoice-paper .invoice-info {
  font-size: 14px !important;
}

.asi-view-wrap .invoice-paper .invoice-info strong,
.asi-view-wrap .invoice-paper .invoice-meta strong,
.asi-view-wrap .invoice-paper .meta-label {
  text-transform: uppercase !important;
  font-weight: 850 !important;
}

/* Items table */
.asi-view-wrap .invoice-paper .modern-items {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.asi-view-wrap .invoice-paper .modern-items th {
  text-transform: uppercase !important;
  letter-spacing: .055em !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  padding: 12px 10px !important;
}

.asi-view-wrap .invoice-paper .modern-items td {
  font-size: 13.5px !important;
  padding: 12px 10px !important;
  vertical-align: middle !important;
}

.asi-view-wrap .invoice-paper .modern-items td:first-child {
  font-weight: 750 !important;
}

/* Payment + totals */
.asi-view-wrap .invoice-paper .payment-box,
.asi-view-wrap .invoice-paper .payment-info,
.asi-view-wrap .invoice-paper .summary-box {
  font-size: 13.5px !important;
}

.asi-view-wrap .invoice-paper .payment-box strong,
.asi-view-wrap .invoice-paper .payment-info strong,
.asi-view-wrap .invoice-paper .summary-box strong {
  font-weight: 850 !important;
}

.asi-view-wrap .invoice-paper .total-due {
  padding: 16px !important;
}

.asi-view-wrap .invoice-paper .total-due .label,
.asi-view-wrap .invoice-paper .grand-total-label,
.asi-view-wrap .invoice-paper .due-label {
  text-transform: uppercase !important;
  letter-spacing: .055em !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.asi-view-wrap .invoice-paper .total-due .amount,
.asi-view-wrap .invoice-paper .grand-total,
.asi-view-wrap .invoice-paper .due-amount {
  font-size: 22px !important;
  font-weight: 900 !important;
}

/* Status stamp */
.asi-view-wrap .invoice-paper .paid-stamp,
.asi-view-wrap .invoice-paper .due-stamp,
.asi-view-wrap .invoice-paper .status-stamp {
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-weight: 900 !important;
}

/* Footer */
.asi-view-wrap .invoice-paper .invoice-footer {
  font-size: 11.5px !important;
  line-height: 1.55 !important;
}

.asi-view-wrap .invoice-paper .invoice-footer strong {
  text-transform: uppercase !important;
}

/* Avoid accidental horizontal overflow */
.asi-view-wrap,
.asi-view-wrap .invoice-paper,
.asi-view-wrap .invoice-content,
.asi-view-wrap .asi-pdf-stage {
  max-width: 100%;
}

@media (max-width: 900px) {
  .asi-view-wrap {
    padding: 12px !important;
  }

  .asi-view-wrap .invoice-paper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    font-size: 14px !important;
  }

  .asi-view-wrap .invoice-top {
    padding: 22px 18px !important;
  }

  .asi-view-wrap .invoice-top .invoice-title,
  .asi-view-wrap .invoice-top h1,
  .asi-view-wrap .invoice-top h2 {
    font-size: 26px !important;
  }

  .asi-view-wrap .invoice-top .business-name,
  .asi-view-wrap .invoice-top .company-name {
    font-size: 18px !important;
  }

  .asi-view-wrap .invoice-info {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .asi-view-wrap .party-grid,
  .asi-view-wrap .asi-pdf-stage .party-grid {
    grid-template-columns: 1fr !important;
  }

  .asi-view-wrap .lower-grid,
  .asi-view-wrap .invoice-lower,
  .asi-view-wrap .payment-summary-grid {
    grid-template-columns: 1fr !important;
  }

  .asi-view-wrap .modern-items {
    min-width: 0 !important;
  }

  .asi-view-wrap .modern-items th,
  .asi-view-wrap .modern-items td {
    padding: 10px 7px !important;
    font-size: 12.5px !important;
  }
}

@media (max-width: 640px) {
  .asi-view-wrap {
    padding: 7px !important;
  }

  .asi-view-wrap .invoice-paper {
    border-radius: 10px !important;
    font-size: 13.5px !important;
  }

  .asi-view-wrap .invoice-top {
    padding: 18px 14px !important;
  }

  .asi-view-wrap .invoice-top .invoice-title,
  .asi-view-wrap .invoice-top h1,
  .asi-view-wrap .invoice-top h2 {
    font-size: 22px !important;
    letter-spacing: .07em !important;
  }

  .asi-view-wrap .invoice-top .business-name,
  .asi-view-wrap .invoice-top .company-name {
    font-size: 16px !important;
  }

  .asi-view-wrap .invoice-top .business-address,
  .asi-view-wrap .invoice-top .company-address {
    font-size: 12px !important;
  }

  .asi-view-wrap .invoice-paper .bill-to {
    padding: 13px !important;
  }

  .asi-view-wrap .invoice-paper .bill-to .customer-name,
  .asi-view-wrap .invoice-paper .client-name,
  .asi-view-wrap .invoice-paper .customer-name {
    font-size: 15.5px !important;
  }

  /* Keep the table usable on phones without breaking the page width. */
  .asi-view-wrap .items-wrap,
  .asi-view-wrap .table-wrap,
  .asi-view-wrap .invoice-items-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .asi-view-wrap .modern-items {
    min-width: 590px !important;
  }

  .asi-view-wrap .modern-items th {
    font-size: 10.5px !important;
    padding: 9px 7px !important;
  }

  .asi-view-wrap .modern-items td {
    font-size: 12px !important;
    padding: 9px 7px !important;
  }

  .asi-view-wrap .invoice-paper .total-due {
    padding: 13px !important;
  }

  .asi-view-wrap .invoice-paper .total-due .amount,
  .asi-view-wrap .invoice-paper .grand-total,
  .asi-view-wrap .invoice-paper .due-amount {
    font-size: 19px !important;
  }

  .asi-view-wrap .invoice-footer {
    font-size: 10.5px !important;
  }
}

/* Print/A4: retain larger readable typography while fitting one page naturally. */
@media print {
  .asi-view-wrap .invoice-paper {
    font-size: 12px !important;
  }

  .asi-view-wrap .invoice-top .invoice-title,
  .asi-view-wrap .invoice-top h1,
  .asi-view-wrap .invoice-top h2 {
    font-size: 26px !important;
  }

  .asi-view-wrap .invoice-paper .modern-items th {
    font-size: 10px !important;
    padding: 8px !important;
  }

  .asi-view-wrap .invoice-paper .modern-items td {
    font-size: 11.5px !important;
    padding: 8px !important;
  }
}



/* =========================================================
   Active Seba Invoice Manager 4.4.6
   Professional invoice detail + signature/payment spacing
   ========================================================= */
.asi-view-wrap .invoice-paper {
  background:#fff !important;
  border:1px solid #d9e4ef !important;
  border-radius:18px !important;
  box-shadow:0 18px 55px rgba(20,48,80,.10) !important;
}

/* Stronger invoice information card */
.asi-view-wrap .invoice-paper .invoice-info {
  align-items:stretch !important;
  gap:16px !important;
  margin:18px 0 !important;
}
.asi-view-wrap .invoice-paper .invoice-info > *,
.asi-view-wrap .invoice-paper .invoice-meta,
.asi-view-wrap .invoice-paper .invoice-details {
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  border:1px solid #d7e5f2 !important;
  border-radius:14px !important;
  padding:15px 17px !important;
  box-shadow:0 7px 20px rgba(25,65,105,.06) !important;
}
.asi-view-wrap .invoice-paper .invoice-info > *:before,
.asi-view-wrap .invoice-paper .invoice-meta:before,
.asi-view-wrap .invoice-paper .invoice-details:before {
  content:"" !important;
  display:block !important;
  height:3px !important;
  width:42px !important;
  border-radius:20px !important;
  background:#0b72c9 !important;
  margin-bottom:10px !important;
}

/* BILL TO card */
.asi-view-wrap .invoice-paper .bill-to {
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  border:1px solid #d7e5f2 !important;
  border-radius:14px !important;
  box-shadow:0 7px 20px rgba(25,65,105,.06) !important;
}

/* Payment block */
.asi-view-wrap .invoice-paper .payment-box,
.asi-view-wrap .invoice-paper .payment-info {
  border:1px solid #d7e5f2 !important;
  border-radius:14px !important;
  background:#f8fbfe !important;
  padding:15px !important;
}
.asi-view-wrap .invoice-paper .payment-box .payment-title,
.asi-view-wrap .invoice-paper .payment-info .payment-title {
  margin-bottom:8px !important;
}
.asi-view-wrap .invoice-paper .payment-box strong,
.asi-view-wrap .invoice-paper .payment-info strong {
  color:#17324d !important;
}

/* Signature + seal: compact professional footer */
.asi-view-wrap .invoice-paper .signature-area,
.asi-view-wrap .invoice-paper .signature-box,
.asi-view-wrap .invoice-paper .authorized-signature {
  margin-top:10px !important;
  padding-top:8px !important;
}
.asi-view-wrap .invoice-paper .signature-area img,
.asi-view-wrap .invoice-paper .signature-box img,
.asi-view-wrap .invoice-paper .authorized-signature img {
  max-height:52px !important;
  width:auto !important;
  object-fit:contain !important;
}
.asi-view-wrap .invoice-paper .seal img,
.asi-view-wrap .invoice-paper .stamp img,
.asi-view-wrap .invoice-paper .authorized-seal img {
  max-height:58px !important;
  width:auto !important;
  object-fit:contain !important;
}
.asi-view-wrap .invoice-paper .signature-seal-row,
.asi-view-wrap .invoice-paper .sign-row,
.asi-view-wrap .invoice-paper .signature-row {
  gap:18px !important;
  margin-top:10px !important;
  padding-top:8px !important;
}

/* If signature/seal are arranged in a lower grid, keep the row compact. */
.asi-view-wrap .invoice-paper .lower-grid,
.asi-view-wrap .invoice-paper .invoice-lower {
  gap:16px !important;
  margin-top:14px !important;
}

/* Create Invoice form: item/service first, payment details second */
.asi-admin-wrap .invoice-items-section,
.asi-admin-wrap .items-section,
.asi-admin-wrap .services-section,
.asi-admin-wrap .payment-details-section {
  border-radius:14px !important;
}
.asi-admin-wrap .payment-details-section {
  margin-top:22px !important;
}
.asi-admin-wrap .payment-details-section .section-title,
.asi-admin-wrap .payment-details-section h2,
.asi-admin-wrap .payment-details-section h3 {
  text-transform:uppercase !important;
  letter-spacing:.055em !important;
}

/* Payment selector looks like a proper business form field */
.asi-admin-wrap select[name="payment_method_id"],
.asi-admin-wrap select[name="payment_method"],
.asi-admin-wrap input[name="payment_reference"],
.asi-admin-wrap textarea[name="payment_reference"] {
  min-height:42px !important;
  border:1px solid #cfddea !important;
  border-radius:9px !important;
  background:#fff !important;
  font-size:14px !important;
  padding:9px 11px !important;
}

/* Responsive */
@media (max-width: 700px) {
  .asi-view-wrap .invoice-paper {
    border-radius:12px !important;
    box-shadow:0 10px 28px rgba(20,48,80,.08) !important;
  }
  .asi-view-wrap .invoice-paper .invoice-info {
    gap:10px !important;
    margin:12px 0 !important;
  }
  .asi-view-wrap .invoice-paper .invoice-info > *,
  .asi-view-wrap .invoice-paper .invoice-meta,
  .asi-view-wrap .invoice-paper .invoice-details,
  .asi-view-wrap .invoice-paper .bill-to {
    padding:12px 13px !important;
    border-radius:11px !important;
  }
  .asi-view-wrap .invoice-paper .signature-seal-row,
  .asi-view-wrap .invoice-paper .sign-row,
  .asi-view-wrap .invoice-paper .signature-row {
    gap:10px !important;
    margin-top:6px !important;
    padding-top:5px !important;
  }
  .asi-view-wrap .invoice-paper .signature-area img,
  .asi-view-wrap .invoice-paper .signature-box img,
  .asi-view-wrap .invoice-paper .authorized-signature img {
    max-height:42px !important;
  }
  .asi-view-wrap .invoice-paper .seal img,
  .asi-view-wrap .invoice-paper .stamp img,
  .asi-view-wrap .invoice-paper .authorized-seal img {
    max-height:46px !important;
  }
}

/* Print */
@media print {
  .asi-view-wrap .invoice-paper {
    box-shadow:none !important;
    border:0 !important;
    border-radius:0 !important;
  }
}



/* v4.4.7 - Create Invoice flow: Items -> Payment Details -> Total -> Save */
.asi-items-panel{margin-bottom:20px!important}
.asi-payment-panel{margin-bottom:20px!important;border:1px solid #d8e6f3!important;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important}
.asi-totals-panel{margin-bottom:16px!important}
.asi-save-panel{display:flex;justify-content:flex-end;align-items:center;margin:18px 0 30px;padding:18px 20px;background:#fff;border:1px solid #dbe5ef;border-radius:14px;box-shadow:0 4px 18px rgba(25,65,105,.06)}
.asi-save-invoice{min-width:180px!important;min-height:48px!important;font-size:14px!important;font-weight:800!important;letter-spacing:.04em!important;border-radius:9px!important}
.asi-section-subtitle{margin:3px 0 0;color:#667085;font-size:12px;line-height:1.5}
.asi-items-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.asi-payment-panel .asi-payment-select-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:16px!important;margin:0!important}
.asi-payment-panel .asi-payment-select-grid p{margin:0!important}
.asi-payment-panel .asi-payment-select-grid label{font-weight:700!important;margin-bottom:7px!important;display:block!important}
.asi-payment-panel select,.asi-payment-panel input{min-height:44px!important;font-size:14px!important;border-radius:8px!important}
.asi-totals-panel .asi-totals{margin:0 0 0 auto!important;max-width:500px!important}
@media(max-width:700px){
 .asi-payment-panel .asi-payment-select-grid{grid-template-columns:1fr!important}
 .asi-save-panel{justify-content:stretch;padding:14px}
 .asi-save-invoice{width:100%!important}
 .asi-section-subtitle{font-size:11px}
}


/* =========================================================
   Active Seba Invoice Manager 4.4.8
   Final mobile layout + seal/signature correction
   ========================================================= */

.asi-view-wrap .asi-invoice-modern,
.asi-view-wrap .invoice-paper,
.asi-view-wrap .invoice-info,
.asi-view-wrap .invoice-info > *,
.asi-view-wrap .party-grid,
.asi-view-wrap .meta-list,
.asi-view-wrap .party-card {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.asi-view-wrap .invoice-info {
  width: 100% !important;
}

.asi-view-wrap .meta-list {
  overflow: hidden !important;
}

.asi-view-wrap .meta-list > div {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(78px, 38%) minmax(0, 1fr) !important;
  column-gap: 10px !important;
  align-items: center !important;
}

.asi-view-wrap .meta-list > div span,
.asi-view-wrap .meta-list > div b {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Seal + signature: compact, centered, and always aligned. */
.asi-view-wrap .seal-sign {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 1fr) !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 78px !important;
  padding: 10px 14px !important;
  margin-top: 10px !important;
  box-sizing: border-box !important;
}

.asi-view-wrap .seal-area,
.asi-view-wrap .sig-area {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.asi-view-wrap .status-seal {
  display: block !important;
  width: 68px !important;
  height: 68px !important;
  max-width: 100% !important;
  max-height: 68px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

.asi-view-wrap .signature-img {
  display: block !important;
  width: 120px !important;
  height: 54px !important;
  max-width: 100% !important;
  max-height: 54px !important;
  object-fit: contain !important;
  margin: 0 auto 3px !important;
}

.asi-view-wrap .sig-area span {
  display: block !important;
  white-space: nowrap !important;
  font-size: 8px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  color: #173a68 !important;
  margin: 0 !important;
}

@media (max-width: 900px) {
  .asi-view-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .asi-view-wrap .asi-invoice-modern {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .asi-view-wrap .invoice-info {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  .asi-view-wrap .invoice-info > * {
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  .asi-view-wrap .party-grid {
    display: block !important;
    width: 100% !important;
  }

  .asi-view-wrap .party-card,
  .asi-view-wrap .meta-list {
    width: 100% !important;
  }

  .asi-view-wrap .meta-list > div {
    grid-template-columns: 120px minmax(0, 1fr) !important;
  }

  .asi-view-wrap .invoice-lower {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 14px !important;
  }

  .asi-view-wrap .seal-sign {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    min-height: 76px !important;
    padding: 8px 10px !important;
  }

  .asi-view-wrap .status-seal {
    width: 62px !important;
    height: 62px !important;
    max-height: 62px !important;
  }

  .asi-view-wrap .signature-img {
    width: 112px !important;
    height: 48px !important;
    max-height: 48px !important;
  }
}

@media (max-width: 480px) {
  .asi-view-wrap .invoice-info {
    padding: 10px !important;
  }

  .asi-view-wrap .meta-list > div {
    grid-template-columns: 105px minmax(0, 1fr) !important;
    column-gap: 7px !important;
  }

  .asi-view-wrap .meta-list span {
    font-size: 9px !important;
  }

  .asi-view-wrap .meta-list b {
    font-size: 11px !important;
  }

  .asi-view-wrap .invoice-lower {
    padding: 0 10px !important;
  }

  .asi-view-wrap .seal-sign {
    grid-template-columns: 90px minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 7px 8px !important;
    min-height: 70px !important;
  }

  .asi-view-wrap .status-seal {
    width: 56px !important;
    height: 56px !important;
    max-height: 56px !important;
  }

  .asi-view-wrap .signature-img {
    width: 105px !important;
    height: 44px !important;
    max-height: 44px !important;
  }

  .asi-view-wrap .sig-area span {
    font-size: 7px !important;
  }
}

@media print {
  .asi-view-wrap .invoice-info {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 56mm !important;
    width: auto !important;
    padding: 5mm 11mm 3mm !important;
  }

  .asi-view-wrap .invoice-lower {
    display: grid !important;
    grid-template-columns: 1.12fr .88fr !important;
    padding: 0 11mm !important;
  }

  .asi-view-wrap .seal-sign {
    grid-template-columns: 1fr 1fr !important;
    gap: 8mm !important;
    min-height: 23mm !important;
    padding: 3mm !important;
  }

  .asi-view-wrap .status-seal {
    width: 23mm !important;
    height: 23mm !important;
    max-height: 23mm !important;
  }

  .asi-view-wrap .signature-img {
    width: 30mm !important;
    height: 14mm !important;
    max-height: 14mm !important;
  }

  .asi-view-wrap .sig-area span {
    font-size: 7px !important;
  }
}


/* =========================================================
   Active Seba Invoice Manager 4.4.9
   Invoice Details = ONE PROFESSIONAL BOX
   ========================================================= */

.asi-view-wrap .invoice-details-box {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid #c9d9ea !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-shadow: 0 5px 18px rgba(15,76,129,.07) !important;
    align-self: stretch !important;
}

.asi-view-wrap .invoice-details-head {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    background: linear-gradient(135deg,#0b5fc4 0%,#1383d2 58%,#12a4b5 100%) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.asi-view-wrap .invoice-details-icon {
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,.18) !important;
    font-size: 12px !important;
}

.asi-view-wrap .invoice-details-box .meta-list {
    margin: 0 !important;
    padding: 7px 16px 9px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
}

.asi-view-wrap .invoice-details-box .meta-list > div {
    display: grid !important;
    grid-template-columns: 92px minmax(0,1fr) !important;
    align-items: center !important;
    column-gap: 12px !important;
    min-height: 48px !important;
    padding: 9px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #e5ebf2 !important;
    border-left: 0 !important;
    background: transparent !important;
}

.asi-view-wrap .invoice-details-box .meta-list > div:last-child {
    border-bottom: 0 !important;
}

.asi-view-wrap .invoice-details-box .meta-list span {
    display: block !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.asi-view-wrap .invoice-details-box .meta-list b {
    display: block !important;
    min-width: 0 !important;
    color: #123c70 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

@media (max-width: 900px) {
    .asi-view-wrap .invoice-details-box {
        width: 100% !important;
        margin: 0 !important;
    }

    .asi-view-wrap .invoice-details-head {
        min-height: 44px !important;
        padding: 0 13px !important;
        font-size: 12px !important;
    }

    .asi-view-wrap .invoice-details-box .meta-list {
        padding: 5px 13px 7px !important;
    }

    .asi-view-wrap .invoice-details-box .meta-list > div {
        grid-template-columns: 105px minmax(0,1fr) !important;
        min-height: 44px !important;
        padding: 8px 0 !important;
    }
}

@media (max-width: 480px) {
    .asi-view-wrap .invoice-details-head {
        min-height: 42px !important;
        font-size: 11px !important;
    }

    .asi-view-wrap .invoice-details-box .meta-list {
        padding: 4px 11px 6px !important;
    }

    .asi-view-wrap .invoice-details-box .meta-list > div {
        grid-template-columns: 92px minmax(0,1fr) !important;
        column-gap: 8px !important;
        min-height: 41px !important;
        padding: 7px 0 !important;
    }

    .asi-view-wrap .invoice-details-box .meta-list span {
        font-size: 9px !important;
    }

    .asi-view-wrap .invoice-details-box .meta-list b {
        font-size: 11px !important;
    }
}

@media print {
    .asi-view-wrap .invoice-details-box {
        border: 1px solid #c9d9ea !important;
        box-shadow: none !important;
        break-inside: avoid !important;
    }

    .asi-view-wrap .invoice-details-head {
        min-height: 10mm !important;
        padding: 0 4mm !important;
        font-size: 9px !important;
    }

    .asi-view-wrap .invoice-details-icon {
        width: 5mm !important;
        height: 5mm !important;
    }

    .asi-view-wrap .invoice-details-box .meta-list {
        padding: 1mm 4mm 1.5mm !important;
    }

    .asi-view-wrap .invoice-details-box .meta-list > div {
        grid-template-columns: 25mm minmax(0,1fr) !important;
        min-height: 9mm !important;
        padding: 1.8mm 0 !important;
    }

    .asi-view-wrap .invoice-details-box .meta-list span {
        font-size: 7px !important;
    }

    .asi-view-wrap .invoice-details-box .meta-list b {
        font-size: 8.5px !important;
    }
}


/* =========================================================
   Active Seba Invoice Manager 4.4.10
   Final design: Days One + compact seal/sign + new header
   ========================================================= */

/* Days One font */
@import url('https://fonts.googleapis.com/css2?family=Days+One&display=swap');

.asi-view-wrap .asi-invoice-modern,
.asi-view-wrap .asi-invoice-modern * {
    font-family: "Days One", Arial, Helvetica, sans-serif !important;
}

/* Larger visible text and controls */
.asi-view-wrap .asi-print-actions .button,
.asi-wrap .button,
.asi-wrap .button-primary {
    min-height: 44px !important;
    padding: 9px 18px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    border-radius: 8px !important;
}

.asi-view-wrap .invoice-word {
    font-size: 38px !important;
    letter-spacing: 2.5px !important;
}

.asi-view-wrap .company-name {
    font-size: 22px !important;
}

.asi-view-wrap .company-tag,
.asi-view-wrap .invoice-thanks {
    font-size: 11px !important;
}

.asi-view-wrap .party-body {
    font-size: 11px !important;
}

.asi-view-wrap .party-body strong {
    font-size: 14px !important;
}

.asi-view-wrap .modern-items {
    font-size: 11px !important;
}

.asi-view-wrap .modern-items th {
    font-size: 11px !important;
    font-weight: 900 !important;
}

.asi-view-wrap .modern-items td {
    font-size: 11px !important;
}

.asi-view-wrap .section-title {
    font-size: 13px !important;
}

.asi-view-wrap .payment-lines {
    font-size: 11px !important;
}

.asi-view-wrap .payment-lines span {
    min-width: 34mm !important;
}

.asi-view-wrap .summary-row {
    font-size: 12px !important;
}

.asi-view-wrap .total-due span {
    font-size: 14px !important;
}

.asi-view-wrap .total-due strong {
    font-size: 22px !important;
}

/* Exactly 10px gap between PAID/DUE seal and signature. */
.asi-view-wrap .seal-sign {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    justify-items: center !important;
    padding: 8px 12px !important;
    margin-top: 8px !important;
    min-height: 78px !important;
}

.asi-view-wrap .seal-area,
.asi-view-wrap .sig-area {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.asi-view-wrap .status-seal {
    width: 62px !important;
    height: 62px !important;
    max-width: 62px !important;
    max-height: 62px !important;
    margin: 0 auto !important;
}

.asi-view-wrap .signature-img {
    width: 115px !important;
    height: 48px !important;
    max-width: 115px !important;
    max-height: 48px !important;
    margin: 0 auto 2px !important;
}

.asi-view-wrap .sig-area span {
    font-size: 8px !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

/* NEW HEADER DESIGN — clean white brand area + blue/teal wave */
.asi-view-wrap .invoice-top {
    height: 48mm !important;
    min-height: 48mm !important;
    padding: 0 12mm !important;
    background: linear-gradient(112deg,#ffffff 0%,#f7fbff 48%,#eaf9ff 100%) !important;
    color: #103a70 !important;
    border-bottom: 0 !important;
    overflow: hidden !important;
}

.asi-view-wrap .invoice-top:before {
    content: "" !important;
    position: absolute !important;
    right: -8mm !important;
    top: -18mm !important;
    width: 92mm !important;
    height: 92mm !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg,#075fc5 0%,#079bd2 58%,#18bca4 100%) !important;
    opacity: .98 !important;
}

.asi-view-wrap .invoice-top:after {
    content: "" !important;
    position: absolute !important;
    left: 38% !important;
    right: -5% !important;
    bottom: -1px !important;
    height: 15mm !important;
    background: linear-gradient(90deg,transparent 0%,rgba(10,106,202,.18) 34%,#0876c9 70%,#16b7ae 100%) !important;
    border-radius: 70% 0 0 0/100% 0 0 0 !important;
    z-index: 1 !important;
}

.asi-view-wrap .invoice-top .brand-area,
.asi-view-wrap .invoice-top .invoice-title-box {
    position: relative !important;
    z-index: 3 !important;
}

.asi-view-wrap .invoice-top .brand-area {
    color: #103a70 !important;
}

.asi-view-wrap .invoice-top .modern-logo {
    background: #ffffff !important;
    border: 1px solid #d8e7f5 !important;
    box-shadow: 0 5px 18px rgba(15,76,129,.10) !important;
}

.asi-view-wrap .invoice-top .company-name {
    color: #0d3c78 !important;
    font-weight: 900 !important;
}

.asi-view-wrap .invoice-top .company-tag {
    color: #55718f !important;
    opacity: 1 !important;
}

.asi-view-wrap .invoice-top .invoice-title-box {
    color: #ffffff !important;
    text-align: right !important;
    padding-right: 4mm !important;
}

.asi-view-wrap .invoice-top .invoice-word {
    text-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
}

.asi-view-wrap .invoice-top .invoice-thanks {
    opacity: .98 !important;
}

/* Keep Invoice Details as one complete box and prevent squeeze. */
.asi-view-wrap .invoice-details-box {
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

@media (max-width: 900px) {
    .asi-view-wrap .invoice-top {
        height: 165px !important;
        min-height: 165px !important;
        padding: 16px !important;
    }

    .asi-view-wrap .invoice-top:before {
        right: -35px !important;
        top: -55px !important;
        width: 230px !important;
        height: 230px !important;
    }

    .asi-view-wrap .invoice-top:after {
        left: 30% !important;
        height: 38px !important;
    }

    .asi-view-wrap .invoice-top .invoice-word {
        font-size: 28px !important;
    }

    .asi-view-wrap .company-name {
        font-size: 17px !important;
    }

    .asi-view-wrap .seal-sign {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .asi-view-wrap .asi-print-actions .button {
        font-size: 13px !important;
        min-height: 42px !important;
    }
}

@media (max-width: 480px) {
    .asi-view-wrap .invoice-top {
        min-height: 145px !important;
        height: 145px !important;
        padding: 12px !important;
    }

    .asi-view-wrap .invoice-top .modern-logo {
        width: 82px !important;
        height: 54px !important;
    }

    .asi-view-wrap .invoice-top .invoice-word {
        font-size: 24px !important;
    }

    .asi-view-wrap .company-name {
        font-size: 14px !important;
    }

    .asi-view-wrap .company-tag,
    .asi-view-wrap .invoice-thanks {
        font-size: 8px !important;
    }

    .asi-view-wrap .seal-sign {
        gap: 10px !important;
        padding: 6px 8px !important;
    }

    .asi-view-wrap .status-seal {
        width: 54px !important;
        height: 54px !important;
    }

    .asi-view-wrap .signature-img {
        width: 102px !important;
        height: 42px !important;
    }

    .asi-view-wrap .sig-area span {
        font-size: 7px !important;
    }
}

@media print {
    .asi-view-wrap .asi-invoice-modern,
    .asi-view-wrap .asi-invoice-modern * {
        font-family: "Days One", Arial, Helvetica, sans-serif !important;
    }

    .asi-view-wrap .invoice-top {
        height: 45mm !important;
        min-height: 45mm !important;
        padding: 0 11mm !important;
    }

    .asi-view-wrap .invoice-top:before {
        right: -10mm !important;
        top: -20mm !important;
        width: 90mm !important;
        height: 90mm !important;
    }

    .asi-view-wrap .invoice-top:after {
        left: 38% !important;
        height: 12mm !important;
    }

    .asi-view-wrap .invoice-word {
        font-size: 28px !important;
    }

    .asi-view-wrap .company-name {
        font-size: 18px !important;
    }

    .asi-view-wrap .company-tag,
    .asi-view-wrap .invoice-thanks {
        font-size: 8px !important;
    }

    .asi-view-wrap .seal-sign {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        min-height: 23mm !important;
        padding: 2.5mm !important;
    }

    .asi-view-wrap .status-seal {
        width: 21mm !important;
        height: 21mm !important;
    }

    .asi-view-wrap .signature-img {
        width: 29mm !important;
        height: 13mm !important;
    }

    .asi-view-wrap .sig-area span {
        font-size: 6.5px !important;
    }
}


/* =========================================================
   Active Seba Invoice Manager 4.4.11
   BILL TO and INVOICE DETAILS = EXACT SAME WIDTH
   ========================================================= */

/* Desktop: the two cards occupy equal 50% columns. */
.asi-view-wrap .invoice-info {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 14px !important;
    align-items: stretch !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.asi-view-wrap .invoice-info .party-grid,
.asi-view-wrap .invoice-info .party-card,
.asi-view-wrap .invoice-info .invoice-details-box {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.asi-view-wrap .invoice-info .party-grid {
    display: block !important;
}

.asi-view-wrap .invoice-info .party-card,
.asi-view-wrap .invoice-info .invoice-details-box {
    height: 100% !important;
}

/* Keep both cards visually balanced even when one has less content. */
.asi-view-wrap .invoice-info .party-card {
    display: flex !important;
    flex-direction: column !important;
}

.asi-view-wrap .invoice-info .party-card .party-body {
    flex: 1 1 auto !important;
}

.asi-view-wrap .invoice-info .invoice-details-box {
    display: flex !important;
    flex-direction: column !important;
}

.asi-view-wrap .invoice-info .invoice-details-box .meta-list {
    flex: 1 1 auto !important;
}

/* Tablet/mobile: stack them, but each remains full-width and equal to the
   available container width. */
@media (max-width: 900px) {
    .asi-view-wrap .invoice-info {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        row-gap: 12px !important;
        column-gap: 0 !important;
        width: 100% !important;
    }

    .asi-view-wrap .invoice-info .party-grid,
    .asi-view-wrap .invoice-info .party-card,
    .asi-view-wrap .invoice-info .invoice-details-box {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .asi-view-wrap .invoice-info .party-card,
    .asi-view-wrap .invoice-info .invoice-details-box {
        height: auto !important;
    }
}

@media print {
    .asi-view-wrap .invoice-info {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 4mm !important;
        width: auto !important;
        align-items: stretch !important;
    }

    .asi-view-wrap .invoice-info .party-grid,
    .asi-view-wrap .invoice-info .party-card,
    .asi-view-wrap .invoice-info .invoice-details-box {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }
}


/* =========================================================
   Active Seba Invoice Manager 4.4.12
   Premium professional invoice header + larger footer
   ========================================================= */

/* ---------- PREMIUM HEADER ---------- */
.asi-view-wrap .invoice-top {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(170px, .65fr) !important;
    align-items: center !important;
    min-height: 47mm !important;
    height: 47mm !important;
    padding: 0 12mm !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        linear-gradient(120deg, #073b78 0%, #075eb8 42%, #0785c8 72%, #11a9a4 100%) !important;
    border-bottom: 5px solid #0b6fc4 !important;
}

/* Decorative professional shapes */
.asi-view-wrap .invoice-top:before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    top: -55mm !important;
    right: -25mm !important;
    width: 105mm !important;
    height: 105mm !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.10) !important;
    box-shadow: -25mm 22mm 0 rgba(255,255,255,.045) !important;
}

.asi-view-wrap .invoice-top:after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    left: -8mm !important;
    bottom: -17mm !important;
    width: 105mm !important;
    height: 35mm !important;
    border-radius: 50% !important;
    background: rgba(0,210,191,.14) !important;
    transform: rotate(-4deg) !important;
}

/* Brand area */
.asi-view-wrap .invoice-top .brand-area {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    min-width: 0 !important;
    color: #ffffff !important;
}

.asi-view-wrap .invoice-top .modern-logo {
    flex: 0 0 auto !important;
    width: 74px !important;
    height: 74px !important;
    object-fit: contain !important;
    padding: 7px !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

.asi-view-wrap .invoice-top .company-name {
    color: #ffffff !important;
    font-size: 21px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 7px rgba(0,0,0,.16) !important;
}

.asi-view-wrap .invoice-top .company-tag {
    margin-top: 6px !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    letter-spacing: .06em !important;
}

/* Small brand accent */
.asi-view-wrap .invoice-top .brand-area > div:last-child:after {
    content: "" !important;
    display: block !important;
    width: 46px !important;
    height: 3px !important;
    margin-top: 9px !important;
    border-radius: 10px !important;
    background: #7ff7e8 !important;
}

/* Invoice title */
.asi-view-wrap .invoice-top .invoice-title-box {
    position: relative !important;
    z-index: 2 !important;
    justify-self: end !important;
    text-align: right !important;
    color: #ffffff !important;
    padding: 0 !important;
}

.asi-view-wrap .invoice-top .invoice-word {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 39px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .11em !important;
    text-shadow: 0 3px 12px rgba(0,0,0,.18) !important;
}

.asi-view-wrap .invoice-top .invoice-thanks {
    margin-top: 9px !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}

/* ---------- LARGER PROFESSIONAL FOOTER ---------- */
.asi-view-wrap .modern-footer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 13px 16px !important;
    box-sizing: border-box !important;
    background: #f3f8fd !important;
    border-top: 2px solid #cfe2f2 !important;
    color: #31506f !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    font-weight: 600 !important;
    letter-spacing: .005em !important;
}

.asi-view-wrap .modern-footer > div:first-child {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.asi-view-wrap .modern-footer .follow {
    color: #0a67bd !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    text-align: right !important;
}

/* Footer icons/values become clearer */
.asi-view-wrap .modern-footer a {
    color: #0a67bd !important;
    font-weight: 800 !important;
}

/* Make the lower invoice text slightly more readable too */
.asi-view-wrap .amount-words span {
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
}

.asi-view-wrap .amount-words strong {
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* Mobile */
@media (max-width: 900px) {
    .asi-view-wrap .invoice-top {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(125px, .8fr) !important;
        min-height: 155px !important;
        height: 155px !important;
        padding: 14px !important;
    }

    .asi-view-wrap .invoice-top .modern-logo {
        width: 62px !important;
        height: 62px !important;
    }

    .asi-view-wrap .invoice-top .company-name {
        font-size: 16px !important;
    }

    .asi-view-wrap .invoice-top .company-tag {
        font-size: 8px !important;
    }

    .asi-view-wrap .invoice-top .invoice-word {
        font-size: 28px !important;
    }

    .asi-view-wrap .modern-footer {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        min-height: auto !important;
        padding: 13px 14px !important;
        font-size: 11px !important;
        line-height: 1.7 !important;
        text-align: center !important;
    }

    .asi-view-wrap .modern-footer .follow {
        font-size: 11px !important;
        text-align: center !important;
        white-space: normal !important;
    }
}

@media (max-width: 480px) {
    .asi-view-wrap .invoice-top {
        grid-template-columns: minmax(0, 1fr) minmax(105px, .72fr) !important;
        min-height: 138px !important;
        height: 138px !important;
        padding: 11px !important;
    }

    .asi-view-wrap .invoice-top .brand-area {
        gap: 8px !important;
    }

    .asi-view-wrap .invoice-top .modern-logo {
        width: 52px !important;
        height: 52px !important;
        padding: 5px !important;
        border-radius: 10px !important;
    }

    .asi-view-wrap .invoice-top .company-name {
        font-size: 12px !important;
        letter-spacing: .025em !important;
    }

    .asi-view-wrap .invoice-top .company-tag {
        margin-top: 4px !important;
        font-size: 7px !important;
    }

    .asi-view-wrap .invoice-top .invoice-word {
        font-size: 22px !important;
        letter-spacing: .07em !important;
    }

    .asi-view-wrap .invoice-top .invoice-thanks {
        margin-top: 6px !important;
        font-size: 7px !important;
    }

    .asi-view-wrap .modern-footer {
        padding: 11px 10px !important;
        font-size: 10px !important;
    }

    .asi-view-wrap .modern-footer .follow {
        font-size: 10px !important;
    }

    .asi-view-wrap .amount-words strong {
        font-size: 11px !important;
    }
}

@media print {
    .asi-view-wrap .invoice-top {
        display: grid !important;
        grid-template-columns: minmax(0, 1.35fr) minmax(48mm, .65fr) !important;
        height: 47mm !important;
        min-height: 47mm !important;
        padding: 0 11mm !important;
    }

    .asi-view-wrap .invoice-top .modern-logo {
        width: 18mm !important;
        height: 18mm !important;
    }

    .asi-view-wrap .invoice-top .company-name {
        font-size: 15px !important;
    }

    .asi-view-wrap .invoice-top .company-tag {
        font-size: 7px !important;
    }

    .asi-view-wrap .invoice-top .invoice-word {
        font-size: 29px !important;
    }

    .asi-view-wrap .invoice-top .invoice-thanks {
        font-size: 7px !important;
    }

    .asi-view-wrap .modern-footer {
        min-height: 15mm !important;
        padding: 3mm 4mm !important;
        font-size: 8.5px !important;
        line-height: 1.5 !important;
    }

    .asi-view-wrap .modern-footer .follow {
        font-size: 8.5px !important;
    }
}


/* =========================================================
   Active Seba Invoice Manager 4.4.13
   PDF EXPORT MUST MATCH THE CURRENT INVOICE DESIGN
   ========================================================= */

/* The PDF is rendered from .asi-pdf-stage. Older PDF-specific
   rules in this stylesheet are intentionally overridden here. */
.asi-pdf-stage {
    position: fixed !important;
    left: -100000px !important;
    top: 0 !important;
    width: 210mm !important;
    height: 297mm !important;
    overflow: hidden !important;
    background: #ffffff !important;
    z-index: -9999 !important;
}

.asi-pdf-stage .asi-invoice-modern {
    width: 210mm !important;
    height: 297mm !important;
    min-height: 297mm !important;
    max-height: 297mm !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    background: #ffffff !important;
    font-family: "Days One", Arial, Helvetica, sans-serif !important;
}

/* Current premium header copied into the PDF stage. */
.asi-pdf-stage .invoice-top {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(48mm, .65fr) !important;
    align-items: center !important;
    height: 47mm !important;
    min-height: 47mm !important;
    padding: 0 11mm !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background: linear-gradient(120deg,#073b78 0%,#075eb8 42%,#0785c8 72%,#11a9a4 100%) !important;
    border-bottom: 5px solid #0b6fc4 !important;
}

.asi-pdf-stage .invoice-top:before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    top: -55mm !important;
    right: -25mm !important;
    width: 105mm !important;
    height: 105mm !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.10) !important;
}

.asi-pdf-stage .invoice-top:after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    left: -8mm !important;
    bottom: -17mm !important;
    width: 105mm !important;
    height: 35mm !important;
    border-radius: 50% !important;
    background: rgba(0,210,191,.14) !important;
    transform: rotate(-4deg) !important;
}

.asi-pdf-stage .brand-area,
.asi-pdf-stage .invoice-title-box {
    position: relative !important;
    z-index: 2 !important;
}

.asi-pdf-stage .brand-area {
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    color: #ffffff !important;
}

.asi-pdf-stage .modern-logo {
    width: 18mm !important;
    height: 18mm !important;
    padding: 1.7mm !important;
    object-fit: contain !important;
    border-radius: 3.5mm !important;
    background: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

.asi-pdf-stage .company-name {
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}

.asi-pdf-stage .company-tag {
    margin-top: 5px !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 7px !important;
    line-height: 1.4 !important;
    letter-spacing: .06em !important;
}

.asi-pdf-stage .invoice-title-box {
    text-align: right !important;
    color: #ffffff !important;
}

.asi-pdf-stage .invoice-word {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 29px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .10em !important;
}

.asi-pdf-stage .invoice-thanks {
    margin-top: 7px !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 7px !important;
}

/* Equal-width BILL TO / INVOICE DETAILS in PDF. */
.asi-pdf-stage .invoice-info {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    column-gap: 4mm !important;
    align-items: stretch !important;
    width: auto !important;
    padding: 5mm 11mm 3mm !important;
    box-sizing: border-box !important;
}

.asi-pdf-stage .invoice-info .party-grid,
.asi-pdf-stage .invoice-info .party-card,
.asi-pdf-stage .invoice-info .invoice-details-box {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.asi-pdf-stage .invoice-info .party-grid {
    display: block !important;
}

.asi-pdf-stage .invoice-info .party-card,
.asi-pdf-stage .invoice-info .invoice-details-box {
    height: 100% !important;
}

.asi-pdf-stage .party-card {
    min-height: 42mm !important;
}

.asi-pdf-stage .party-head {
    padding: 3mm 4mm !important;
    font-size: 9px !important;
}

.asi-pdf-stage .party-body {
    padding: 4mm !important;
    font-size: 8.5px !important;
    line-height: 1.55 !important;
}

.asi-pdf-stage .party-body strong {
    font-size: 11px !important;
}

.asi-pdf-stage .party-body p {
    margin: 3mm 0 0 !important;
}

.asi-pdf-stage .invoice-details-box {
    border: 1px solid #c9d9ea !important;
    border-radius: 3mm !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.asi-pdf-stage .invoice-details-head {
    min-height: 10mm !important;
    padding: 0 4mm !important;
    background: linear-gradient(135deg,#0b5fc4 0%,#1383d2 58%,#12a4b5 100%) !important;
    color: #ffffff !important;
    font-size: 8px !important;
}

.asi-pdf-stage .invoice-details-icon {
    width: 5mm !important;
    height: 5mm !important;
}

.asi-pdf-stage .invoice-details-box .meta-list {
    padding: 1mm 4mm 1.5mm !important;
}

.asi-pdf-stage .invoice-details-box .meta-list > div {
    grid-template-columns: 25mm minmax(0,1fr) !important;
    min-height: 9mm !important;
    padding: 1.8mm 0 !important;
}

.asi-pdf-stage .invoice-details-box .meta-list span {
    font-size: 7px !important;
}

.asi-pdf-stage .invoice-details-box .meta-list b {
    font-size: 8.5px !important;
}

/* Current items table. */
.asi-pdf-stage .modern-items {
    width: calc(100% - 22mm) !important;
    margin: 1mm 11mm 4mm !important;
    font-size: 9px !important;
}

.asi-pdf-stage .modern-items th {
    padding: 3mm !important;
    font-size: 9px !important;
}

.asi-pdf-stage .modern-items td {
    padding: 3mm !important;
    font-size: 9px !important;
}

/* Payment section: no Payment Details row. */
.asi-pdf-stage .invoice-lower {
    display: grid !important;
    grid-template-columns: 1.1fr 1fr !important;
    gap: 6mm !important;
    padding: 0 11mm !important;
}

.asi-pdf-stage .section-title {
    font-size: 10px !important;
    margin-bottom: 3mm !important;
}

.asi-pdf-stage .payment-lines {
    font-size: 9px !important;
    line-height: 1.6 !important;
    padding-bottom: 3mm !important;
}

.asi-pdf-stage .payment-lines p {
    margin: 1mm 0 !important;
}

.asi-pdf-stage .payment-note {
    font-size: 8px !important;
    margin-top: 3mm !important;
}

/* Exactly 10px seal/signature gap in PDF too. */
.asi-pdf-stage .seal-sign {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    justify-items: center !important;
    padding: 2.5mm !important;
    margin-top: 3mm !important;
    min-height: 23mm !important;
}

.asi-pdf-stage .seal-area,
.asi-pdf-stage .sig-area {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.asi-pdf-stage .status-seal {
    width: 21mm !important;
    height: 21mm !important;
    max-width: 21mm !important;
    max-height: 21mm !important;
    margin: 0 auto !important;
}

.asi-pdf-stage .signature-img {
    width: 29mm !important;
    height: 13mm !important;
    max-width: 29mm !important;
    max-height: 13mm !important;
    margin: 0 auto 1mm !important;
}

.asi-pdf-stage .sig-area span {
    font-size: 6.5px !important;
    white-space: nowrap !important;
}

/* Current totals. */
.asi-pdf-stage .summary-row {
    padding: 3.5mm !important;
    font-size: 10px !important;
}

.asi-pdf-stage .total-due {
    padding: 5mm !important;
}

.asi-pdf-stage .total-due span {
    font-size: 11px !important;
}

.asi-pdf-stage .total-due strong {
    font-size: 18px !important;
}

/* Amount in words + QR. */
.asi-pdf-stage .invoice-extras {
    grid-template-columns: 1fr 34mm !important;
    margin: 4mm 11mm 0 !important;
    padding-top: 3mm !important;
    gap: 5mm !important;
}

.asi-pdf-stage .amount-words {
    min-height: 16mm !important;
}

.asi-pdf-stage .amount-words span {
    font-size: 7px !important;
    margin-bottom: 1mm !important;
}

.asi-pdf-stage .amount-words strong {
    font-size: 8.5px !important;
    line-height: 1.5 !important;
}

.asi-pdf-stage .qr-box {
    padding: 2mm !important;
}

.asi-pdf-stage .qr-box img {
    width: 20mm !important;
    height: 20mm !important;
}

/* Current larger footer. */
.asi-pdf-stage .modern-footer {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 4mm !important;
    align-items: center !important;
    margin-top: 7mm !important;
    padding: 3mm 11mm 4mm !important;
    min-height: 15mm !important;
    border-top: 1px solid #cfe2f2 !important;
    background: #f3f8fd !important;
    color: #31506f !important;
    font-size: 8.5px !important;
    line-height: 1.5 !important;
}

.asi-pdf-stage .modern-footer .follow {
    color: #0a67bd !important;
    font-size: 8.5px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

/* Force colors during canvas capture. */
.asi-pdf-stage *,
.asi-pdf-stage .invoice-top,
.asi-pdf-stage .invoice-details-head,
.asi-pdf-stage .modern-items th,
.asi-pdf-stage .total-due,
.asi-pdf-stage .modern-footer {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}


/* =========================================================
   Active Seba Invoice Manager 4.4.14
   PDF readability fix
   - Larger typography
   - Better spacing
   - Uses the current professional invoice design
   - Prevents the downloaded PDF from looking miniature
   ========================================================= */

.asi-pdf-stage .asi-invoice-modern {
    font-size: 10px !important;
}

/* Premium header: readable at normal A4 zoom */
.asi-pdf-stage .invoice-top {
    height: 47mm !important;
    min-height: 47mm !important;
    padding: 0 11mm !important;
}

.asi-pdf-stage .modern-logo {
    width: 20mm !important;
    height: 20mm !important;
    padding: 1.8mm !important;
}

.asi-pdf-stage .brand-area {
    gap: 12px !important;
}

.asi-pdf-stage .company-name {
    font-size: 16px !important;
    line-height: 1.25 !important;
}

.asi-pdf-stage .company-tag {
    font-size: 8px !important;
}

.asi-pdf-stage .invoice-word {
    font-size: 31px !important;
    letter-spacing: .09em !important;
}

.asi-pdf-stage .invoice-thanks {
    font-size: 8px !important;
    margin-top: 6px !important;
}

/* BILL TO + INVOICE DETAILS */
.asi-pdf-stage .invoice-info {
    padding: 5mm 11mm 4mm !important;
    gap: 4mm !important;
}

.asi-pdf-stage .party-card {
    min-height: 43mm !important;
}

.asi-pdf-stage .party-head {
    padding: 3mm 4mm !important;
    font-size: 9px !important;
}

.asi-pdf-stage .party-body {
    padding: 4mm !important;
    font-size: 9.5px !important;
    line-height: 1.55 !important;
}

.asi-pdf-stage .party-body strong {
    font-size: 11px !important;
}

.asi-pdf-stage .party-body p {
    margin: 2.5mm 0 0 !important;
}

.asi-pdf-stage .invoice-details-box {
    border-radius: 3mm !important;
}

.asi-pdf-stage .invoice-details-head {
    min-height: 10mm !important;
    font-size: 8px !important;
}

.asi-pdf-stage .invoice-details-box .meta-list {
    padding: 1mm 4mm 1.5mm !important;
}

.asi-pdf-stage .invoice-details-box .meta-list > div {
    grid-template-columns: 25mm minmax(0,1fr) !important;
    min-height: 8.5mm !important;
    padding: 1.5mm 0 !important;
}

.asi-pdf-stage .invoice-details-box .meta-list span {
    font-size: 7.5px !important;
}

.asi-pdf-stage .invoice-details-box .meta-list b {
    font-size: 9.5px !important;
}

/* ITEMS TABLE: larger readable text */
.asi-pdf-stage .modern-items {
    width: calc(100% - 22mm) !important;
    margin: 1mm 11mm 4mm !important;
    font-size: 10px !important;
}

.asi-pdf-stage .modern-items th {
    padding: 3.2mm !important;
    font-size: 9px !important;
}

.asi-pdf-stage .modern-items td {
    padding: 3.4mm !important;
    font-size: 10px !important;
}

/* Lower section */
.asi-pdf-stage .invoice-lower {
    padding: 0 11mm !important;
    gap: 6mm !important;
}

.asi-pdf-stage .section-title {
    font-size: 10px !important;
    margin-bottom: 2.5mm !important;
}

.asi-pdf-stage .payment-lines {
    font-size: 9.5px !important;
    line-height: 1.6 !important;
    padding-bottom: 2.5mm !important;
}

.asi-pdf-stage .payment-lines span {
    min-width: 29mm !important;
}

.asi-pdf-stage .payment-note {
    font-size: 8px !important;
    margin-top: 2.5mm !important;
}

/* Seal + signature stay 10px apart */
.asi-pdf-stage .seal-sign {
    gap: 10px !important;
    padding: 2.5mm !important;
    margin-top: 2.5mm !important;
    min-height: 25mm !important;
}

.asi-pdf-stage .status-seal {
    width: 22mm !important;
    height: 22mm !important;
}

.asi-pdf-stage .signature-img {
    width: 31mm !important;
    height: 14mm !important;
    margin-bottom: 1mm !important;
}

.asi-pdf-stage .sig-area span {
    font-size: 7px !important;
}

/* Totals */
.asi-pdf-stage .summary-row {
    padding: 3.4mm !important;
    font-size: 10px !important;
}

.asi-pdf-stage .total-due {
    padding: 4.5mm !important;
}

.asi-pdf-stage .total-due span {
    font-size: 11px !important;
}

.asi-pdf-stage .total-due strong {
    font-size: 18px !important;
}

/* Amount in words / QR */
.asi-pdf-stage .invoice-extras {
    margin: 3mm 11mm 0 !important;
    padding-top: 2.5mm !important;
    gap: 5mm !important;
}

.asi-pdf-stage .amount-words span {
    font-size: 7.5px !important;
}

.asi-pdf-stage .amount-words strong {
    font-size: 9.5px !important;
    line-height: 1.45 !important;
}

.asi-pdf-stage .qr-box img {
    width: 21mm !important;
    height: 21mm !important;
}

/* Footer: clearly readable */
.asi-pdf-stage .modern-footer {
    margin-top: 5mm !important;
    padding: 3mm 11mm 4mm !important;
    min-height: 15mm !important;
    font-size: 9px !important;
    line-height: 1.55 !important;
}

.asi-pdf-stage .modern-footer .follow {
    font-size: 9px !important;
}

/* Keep all current colors when html2canvas captures the PDF. */
.asi-pdf-stage *,
.asi-pdf-stage .invoice-top,
.asi-pdf-stage .invoice-details-head,
.asi-pdf-stage .modern-items th,
.asi-pdf-stage .total-due,
.asi-pdf-stage .modern-footer {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}


/* =========================================================
   Active Seba Invoice Manager 4.4.15
   FINAL PDF layout correction
   The live invoice view is already correct. The PDF clone must
   explicitly reproduce that desktop layout, especially the
   Invoice Details rows.
   ========================================================= */

/* Force the PDF clone to use the same two-column information layout. */
.asi-pdf-stage .asi-pdf-current-layout .invoice-info,
.asi-pdf-stage .invoice-info {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 4mm !important;
    align-items: stretch !important;
}

/* CRITICAL: each Invoice Details row must remain ONE horizontal row.
   Earlier PDF rules only set grid-template-columns; this explicitly
   restores display:grid so html2canvas cannot fall back to block flow. */
.asi-pdf-stage .invoice-details-box .meta-list {
    display: block !important;
    width: 100% !important;
    padding: 2mm 4mm 2mm !important;
    box-sizing: border-box !important;
}

.asi-pdf-stage .invoice-details-box .meta-list > div {
    display: grid !important;
    grid-template-columns: 28mm minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 3mm !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 10mm !important;
    height: 10mm !important;
    padding: 1.5mm 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #e5ebf2 !important;
}

.asi-pdf-stage .invoice-details-box .meta-list > div:last-child {
    border-bottom: 0 !important;
}

.asi-pdf-stage .invoice-details-box .meta-list > div > span,
.asi-pdf-stage .invoice-details-box .meta-list > div > b {
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.25 !important;
}

.asi-pdf-stage .invoice-details-box .meta-list > div > span {
    font-size: 7.5px !important;
    color: #596579 !important;
    font-weight: 500 !important;
}

.asi-pdf-stage .invoice-details-box .meta-list > div > b {
    font-size: 9.5px !important;
    color: #082e70 !important;
    font-weight: 800 !important;
}

/* Keep the Invoice Details box compact like the live invoice view. */
.asi-pdf-stage .invoice-details-box {
    height: auto !important;
    min-height: 0 !important;
    max-height: 43mm !important;
    overflow: hidden !important;
}

.asi-pdf-stage .invoice-details-head {
    height: 10mm !important;
    min-height: 10mm !important;
    padding: 0 4mm !important;
    box-sizing: border-box !important;
}

/* PDF clone should not inherit mobile/tablet stacking rules. */
@media (max-width: 1200px) {
    .asi-pdf-stage .asi-pdf-current-layout .invoice-info {
        display: grid !important;
        grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
        gap: 4mm !important;
    }
}

@media print {
    .asi-pdf-stage .invoice-details-box .meta-list > div {
        display: grid !important;
        grid-template-columns: 28mm minmax(0,1fr) !important;
        min-height: 10mm !important;
        height: 10mm !important;
    }
}


/* =========================================================
   Active Seba Invoice Manager 4.4.17
   ADD INVOICE / EDIT INVOICE FORM FIX
   ========================================================= */

.asi-admin-wrap .asi-invoice-form,
.asi-admin-wrap .asi-invoice-form * {
    box-sizing: border-box;
}

.asi-admin-wrap .asi-invoice-form {
    max-width: 1180px;
}

.asi-admin-wrap .asi-panel {
    width: 100%;
    margin-bottom: 18px !important;
}

.asi-admin-wrap .asi-panel h2 {
    margin: 0 0 6px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

.asi-admin-wrap .asi-section-subtitle {
    margin: 0 0 14px !important;
    font-size: 12px !important;
    color: #667085 !important;
}

.asi-admin-wrap .asi-items-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
}

.asi-admin-wrap #asi-items {
    width: 100% !important;
    min-width: 760px !important;
    border-collapse: collapse !important;
}

.asi-admin-wrap #asi-items th,
.asi-admin-wrap #asi-items td {
    vertical-align: middle !important;
}

.asi-admin-wrap #asi-items input,
.asi-admin-wrap #asi-items select {
    width: 100% !important;
    min-height: 40px !important;
    font-size: 14px !important;
}

.asi-admin-wrap #asi-items .asi-remove-item {
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
}

.asi-admin-wrap .asi-add-item {
    min-height: 42px !important;
    margin-top: 12px !important;
    font-weight: 700 !important;
}

.asi-admin-wrap .asi-payment-select-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: 16px !important;
}

.asi-admin-wrap .asi-payment-select-grid p {
    margin: 0 !important;
}

.asi-admin-wrap .asi-payment-select-grid label {
    display: block !important;
    margin: 0 0 7px !important;
    font-weight: 700 !important;
}

.asi-admin-wrap .asi-payment-select-grid input,
.asi-admin-wrap .asi-payment-select-grid select {
    width: 100% !important;
    min-height: 44px !important;
}

.asi-admin-wrap .asi-totals-panel .asi-totals {
    width: 100% !important;
    max-width: 520px !important;
    margin-left: auto !important;
}

.asi-admin-wrap .asi-totals-panel .asi-total-row {
    display: grid !important;
    grid-template-columns: 1fr 180px !important;
    align-items: center !important;
    gap: 15px !important;
}

.asi-admin-wrap .asi-totals-panel input {
    width: 100% !important;
    min-height: 42px !important;
    font-size: 15px !important;
}

.asi-admin-wrap .asi-save-panel {
    position: relative !important;
    z-index: 5 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    margin: 18px 0 35px !important;
    padding: 18px 20px !important;
}

.asi-admin-wrap .asi-save-invoice {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 200px !important;
    min-height: 50px !important;
    padding: 10px 24px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

/* Prevent any invoice-view/PDF rules from changing the editor's image fields. */
.asi-admin-wrap .asi-logo-preview img,
.asi-admin-wrap .asi-seal-preview img,
.asi-admin-wrap .asi-signature-preview img {
    max-width: 180px !important;
    height: auto !important;
    object-fit: contain !important;
}

@media (max-width: 700px) {
    .asi-admin-wrap .asi-payment-select-grid {
        grid-template-columns: 1fr !important;
    }

    .asi-admin-wrap .asi-totals-panel .asi-totals {
        max-width: none !important;
    }

    .asi-admin-wrap .asi-totals-panel .asi-total-row {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    .asi-admin-wrap .asi-save-panel {
        justify-content: stretch !important;
        padding: 14px !important;
    }

    .asi-admin-wrap .asi-save-invoice {
        width: 100% !important;
    }
}


/* =========================================================
   Active Seba Invoice Manager 4.4.18
   ADD INVOICE: hide WordPress core footer
   The WordPress "Thank you for creating with WordPress"
   footer must not appear while using the invoice editor.
   ========================================================= */

body.asi-add-invoice-admin #wpfooter {
    display: none !important;
}

body.asi-add-invoice-admin #wpcontent {
    padding-bottom: 24px !important;
}

body.asi-add-invoice-admin #wpbody-content {
    padding-bottom: 20px !important;
    min-height: calc(100vh - 80px) !important;
}

body.asi-add-invoice-admin .asi-wrap,
body.asi-add-invoice-admin .asi-admin-wrap {
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
}

/* Do not allow the editor's final panel to create a large empty
   page area that exposes the WordPress footer. */
body.asi-add-invoice-admin .asi-save-panel {
    margin-bottom: 12px !important;
}


/* v4.4.19: Download PDF removes only outer View-container side whitespace.
   Internal invoice padding remains untouched so View and PDF content match. */
.asi-pdf-stage .asi-invoice-modern {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* v4.4.20
   PDF export must not apply any alternate sizing/cropping. The JS captures
   the exact .asi-invoice-modern element that the user sees. */
.asi-invoice-modern {
    box-sizing: border-box !important;
}


/* Active Seba Invoice Manager - larger agency logo */
.invoice-logo, .agency-logo { width: 240px; max-width: 240px; height: auto; }


/* ===== Active Seba Invoice - Enhanced BILL TO block ===== */
.invoice-bill-to,
.bill-to,
.invoice-customer,
.customer-details {
    border-radius: 12px;
}

.invoice-bill-to .section-title,
.bill-to .section-title {
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.invoice-bill-to strong,
.bill-to strong,
.invoice-customer strong,
.customer-details strong {
    font-weight: 750;
}

.invoice-bill-to .customer-name,
.bill-to .customer-name,
.invoice-customer .customer-name {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
}

.invoice-bill-to .customer-meta,
.bill-to .customer-meta,
.invoice-customer .customer-meta {
    line-height: 1.65;
}


/* ===== Public Invoice Tracking ===== */
.asi-public-tracking{max-width:920px;margin:35px auto;padding:0 18px;font-family:Arial,sans-serif}
.asi-tracking-card{background:#fff;border:1px solid #e6eaf0;border-radius:18px;box-shadow:0 12px 35px rgba(25,35,55,.08);overflow:hidden}
.asi-tracking-header{display:flex;gap:15px;align-items:center;padding:24px 26px;background:linear-gradient(135deg,#f7fbff,#eef6ff);border-bottom:1px solid #e3edf8}
.asi-tracking-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#1677ff;color:#fff;font-size:24px;font-weight:800;flex:0 0 48px}
.asi-tracking-header h2{margin:0 0 4px;font-size:25px;color:#142033}.asi-tracking-header p{margin:0;color:#68778a;font-size:14px}
.asi-tracking-form{padding:24px 26px 18px}.asi-tracking-form label{display:block;font-weight:700;margin-bottom:8px;color:#263449}
.asi-tracking-search{display:flex;gap:10px}.asi-tracking-search input{flex:1;min-height:48px;border:1px solid #d5dce6;border-radius:10px;padding:0 14px;font-size:16px;box-sizing:border-box}.asi-tracking-search button{border:0;border-radius:10px;padding:0 22px;background:#1677ff;color:#fff;font-weight:700;cursor:pointer}
.asi-track-message{margin:4px 26px 26px;padding:15px 17px;border-radius:10px;font-size:14px}.asi-track-message.error{background:#fff1f1;color:#b42318;border:1px solid #ffd0d0}
.asi-track-result{margin:0 26px 26px;border:1px solid #e2e7ee;border-radius:14px;overflow:hidden}.asi-track-result-head{display:flex;justify-content:space-between;align-items:center;padding:19px 20px;background:#fafbfd;border-bottom:1px solid #e8edf3}.asi-track-result-head span:first-child,.asi-track-grid span,.asi-track-amounts span{display:block;color:#758296;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.asi-track-result-head strong{font-size:19px;color:#142033}.asi-track-status{padding:7px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important;margin:0!important;background:#eef2f6;color:#425466}.asi-track-status.paid{background:#e8f8ef;color:#087443}.asi-track-status.partial{background:#fff6df;color:#9a6700}.asi-track-status.due{background:#fff0f0;color:#b42318}
.asi-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e8edf3}.asi-track-grid>div{background:#fff;padding:17px 20px}.asi-track-grid strong{color:#1d2939;font-size:15px;word-break:break-word}.asi-track-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e8edf3}.asi-track-amounts>div{padding:18px 20px;border-right:1px solid #e8edf3}.asi-track-amounts>div:last-child{border-right:0}.asi-track-amounts strong{font-size:19px;color:#142033}.asi-track-amounts .due strong{color:#c62828}
@media(max-width:640px){.asi-tracking-header,.asi-tracking-form{padding:20px}.asi-tracking-search{flex-direction:column}.asi-tracking-search button{min-height:46px}.asi-track-result{margin:0 20px 20px}.asi-track-grid,.asi-track-amounts{grid-template-columns:1fr}.asi-track-amounts>div{border-right:0;border-bottom:1px solid #e8edf3}.asi-track-amounts>div:last-child{border-bottom:0}.asi-track-result-head{align-items:flex-start;gap:12px;flex-direction:column}}

/* ===== Invoice Tracking: centered colorful UI ===== */
.active-seba-invoice-tracking,
.invoice-tracking-wrap,
.invoice-tracking-container {
    width: 100%;
    max-width: 760px;
    margin: 40px auto !important;
    text-align: center;
    box-sizing: border-box;
}
.active-seba-invoice-tracking .tracking-card,
.invoice-tracking-wrap .tracking-card,
.invoice-tracking-container .tracking-card {
    background: linear-gradient(135deg, #ffffff 0%, #f5f9ff 100%);
    border: 1px solid #dbe7f5;
    border-radius: 18px;
    padding: 30px;
    box-shadow: 0 14px 40px rgba(31, 78, 121, .12);
}
.active-seba-invoice-tracking .tracking-title,
.invoice-tracking-wrap .tracking-title {
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 8px;
}
.active-seba-invoice-tracking .tracking-subtitle,
.invoice-tracking-wrap .tracking-subtitle {
    color: #667085;
    margin-bottom: 22px;
}
.active-seba-invoice-tracking form,
.invoice-tracking-wrap form {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
    max-width: 650px;
    margin: 0 auto 22px;
}
.active-seba-invoice-tracking input[type="text"],
.invoice-tracking-wrap input[type="text"],
.invoice-tracking-wrap input[name*="invoice"] {
    flex: 1;
    min-width: 0;
    height: 52px;
    border: 2px solid #cfe0f5;
    border-radius: 12px;
    padding: 0 16px;
    font-size: 16px;
    outline: none;
    background: #fff;
}
.active-seba-invoice-tracking button,
.active-seba-invoice-tracking input[type="submit"],
.invoice-tracking-wrap button,
.invoice-tracking-wrap input[type="submit"] {
    height: 52px;
    border: 0;
    border-radius: 12px;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    box-shadow: 0 8px 18px rgba(37, 99, 235, .22);
}
.active-seba-invoice-tracking .tracking-result,
.invoice-tracking-wrap .tracking-result {
    text-align: left;
    margin-top: 22px;
}
.active-seba-invoice-tracking .invoice-status,
.invoice-tracking-wrap .invoice-status {
    display: inline-flex;
    padding: 7px 14px;
    border-radius: 999px;
    font-weight: 800;
}
.active-seba-invoice-tracking .view-invoice-pdf,
.invoice-tracking-wrap .view-invoice-pdf,
.active-seba-invoice-tracking a[href*="pdf"],
.invoice-tracking-wrap a[href*="pdf"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 11px;
    text-decoration: none !important;
    color: #fff !important;
    background: linear-gradient(135deg, #dc2626, #f97316);
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(220, 38, 38, .18);
}
@media (max-width: 600px) {
    .active-seba-invoice-tracking,
    .invoice-tracking-wrap,
    .invoice-tracking-container {
        margin: 20px auto !important;
        padding: 0 12px;
    }
    .active-seba-invoice-tracking .tracking-card,
    .invoice-tracking-wrap .tracking-card {
        padding: 20px 15px;
    }
    .active-seba-invoice-tracking form,
    .invoice-tracking-wrap form {
        flex-direction: column;
    }
    .active-seba-invoice-tracking input[type="text"],
    .invoice-tracking-wrap input[type="text"],
    .active-seba-invoice-tracking button,
    .active-seba-invoice-tracking input[type="submit"],
    .invoice-tracking-wrap button,
    .invoice-tracking-wrap input[type="submit"] {
        width: 100%;
    }
}

/* =========================================================
   ROZA SOFT v6.6 - DARK ADMIN UI ONLY
   IMPORTANT: invoice template classes are intentionally NOT styled here.
   ========================================================= */
body.asi-plugin-admin #wpcontent,
body.asi-plugin-admin #wpbody,
body.asi-plugin-admin #wpbody-content{background:#090b10!important;color:#e8ecf4!important}
body.asi-plugin-admin #wpfooter{background:#090b10!important;color:#737b8c!important}
body.asi-plugin-admin .asi-wrap{max-width:1480px!important;color:#e8ecf4!important}
body.asi-plugin-admin .asi-title{color:#fff!important;font-weight:800!important;letter-spacing:.2px}
body.asi-plugin-admin .asi-panel,
body.asi-plugin-admin .asi-card,
body.asi-plugin-admin .asi-media{background:#11151d!important;color:#e8ecf4!important;border:1px solid #252b37!important;box-shadow:0 12px 35px rgba(0,0,0,.22)!important}
body.asi-plugin-admin .asi-panel h2,
body.asi-plugin-admin .asi-panel h3{color:#fff!important}
body.asi-plugin-admin .asi-panel p,
body.asi-plugin-admin .description,
body.asi-plugin-admin .asi-card span{color:#9da7b8!important}
body.asi-plugin-admin .asi-panel label,
body.asi-plugin-admin .asi-media>label{color:#dce2ec!important}
body.asi-plugin-admin .asi-panel input,
body.asi-plugin-admin .asi-panel textarea,
body.asi-plugin-admin .asi-panel select,
body.asi-plugin-admin .asi-toolbar input{background:#0b0e14!important;color:#f4f7fb!important;border:1px solid #343b49!important;box-shadow:none!important}
body.asi-plugin-admin .asi-panel input:focus,
body.asi-plugin-admin .asi-panel textarea:focus,
body.asi-plugin-admin .asi-panel select:focus{border-color:#5b8cff!important;box-shadow:0 0 0 2px rgba(91,140,255,.14)!important;outline:0!important}
body.asi-plugin-admin .widefat{background:#11151d!important;border-color:#2a303c!important;color:#e8ecf4!important}
body.asi-plugin-admin .widefat thead th{background:#171c25!important;color:#fff!important;border-color:#2a303c!important}
body.asi-plugin-admin .widefat td{border-color:#252b37!important;color:#dce2ec!important}
body.asi-plugin-admin .widefat.striped tbody tr:nth-child(odd){background:#0e1218!important}
body.asi-plugin-admin .widefat.striped tbody tr:nth-child(even){background:#11151d!important}
body.asi-plugin-admin .widefat a{color:#8fb0ff!important}
body.asi-plugin-admin .button{background:#1a202b!important;border-color:#343b49!important;color:#eef2f7!important;text-shadow:none!important;box-shadow:none!important}
body.asi-plugin-admin .button:hover{background:#232a37!important;color:#fff!important}
body.asi-plugin-admin .button.button-primary,
body.asi-plugin-admin .button-primary{background:#356dff!important;border-color:#356dff!important;color:#fff!important}
body.asi-plugin-admin .button.button-primary:hover,
body.asi-plugin-admin .button-primary:hover{background:#4a7dff!important;border-color:#4a7dff!important}
body.asi-plugin-admin .asi-card{border-left-width:4px!important}
body.asi-plugin-admin .asi-card strong{color:#fff!important}
body.asi-plugin-admin .asi-status.paid{background:#123b2b!important;color:#6ee7ad!important}
body.asi-plugin-admin .asi-status.due{background:#421b22!important;color:#ff929e!important}
body.asi-plugin-admin .asi-status.partial{background:#403316!important;color:#ffd56b!important}
body.asi-plugin-admin .asi-delete{color:#ff7d89!important}
body.asi-plugin-admin .asi-media-preview{background:#0b0e14!important;border-color:#394150!important}
body.asi-plugin-admin .asi-panel-head{border-color:#252b37!important}
body.asi-plugin-admin .asi-pm-row{background:#0c1017!important;border:1px solid #292f3a!important;padding:10px!important;border-radius:10px!important;margin-bottom:10px!important}
body.asi-plugin-admin .asi-pm-row input{margin-right:8px!important}
body.asi-plugin-admin .notice{background:#11151d!important;color:#e8ecf4!important;border-color:#303746!important}
body.asi-plugin-admin .notice a{color:#8fb0ff!important}
body.asi-add-invoice-admin #wpfooter{display:none!important}
body.asi-add-invoice-admin .asi-title{font-size:30px!important;margin-bottom:24px!important}
body.asi-add-invoice-admin #asi-invoice-form .asi-panel{border-radius:16px!important}
body.asi-add-invoice-admin #asi-invoice-form .modern-items{background:#fff!important;color:#172033!important}

/* Public tracking is isolated from theme/header styles. */
.asi-public-tracking{font-family:Arial,Helvetica,sans-serif!important}
.asi-public-tracking .asi-track-actions{text-align:center;padding:0 26px 26px}
.asi-public-tracking .asi-track-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 8px 18px rgba(37,99,235,.2)}
.asi-public-invoice-page{background:#eef1f6!important;margin:0!important;padding:20px!important}
.asi-public-invoice-page .asi-view-wrap{padding:0!important}
.asi-public-invoice-page .asi-print-actions{max-width:210mm;margin:0 auto 15px}
.asi-public-invoice-page .asi-invoice-modern{margin:0 auto!important}
@media print{
 .asi-public-invoice-page{background:#fff!important;padding:0!important}
 .asi-public-invoice-page .asi-print-actions{display:none!important}
}

/* =========================================================
   ROZA SOFT v6.7.0 - PROFESSIONAL DASHBOARD UI
   Dashboard/admin only. Invoice template remains untouched.
   ========================================================= */
body.asi-plugin-admin .asi-dashboard-v67{max-width:1480px;margin:0 0 28px;color:#e8ecf4}
body.asi-plugin-admin .asi-dashboard-v67 *{box-sizing:border-box}
body.asi-plugin-admin .asi-dash-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:18px 0 22px;padding:30px 32px;border:1px solid #252b37;border-radius:20px;background:linear-gradient(145deg,#121722,#0d1118);box-shadow:0 16px 45px rgba(0,0,0,.24)}
body.asi-plugin-admin .asi-dash-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#7f8ba1;margin-bottom:9px}
body.asi-plugin-admin .asi-dash-hero h2{margin:0;color:#fff;font-size:31px;line-height:1.15;letter-spacing:-.025em}
body.asi-plugin-admin .asi-dash-hero p{margin:9px 0 0;color:#98a3b5;font-size:14px}
body.asi-plugin-admin .asi-dash-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
body.asi-plugin-admin .asi-dash-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;border-radius:10px;text-decoration:none!important;font-weight:800;font-size:13px;border:1px solid #303847;transition:.18s ease}
body.asi-plugin-admin .asi-dash-btn.ghost{color:#e6ebf3;background:#151b25}
body.asi-plugin-admin .asi-dash-btn.primary{color:#fff;background:linear-gradient(135deg,#3169ff,#5a45e8);border-color:#5269ed;box-shadow:0 9px 22px rgba(62,92,238,.22)}
body.asi-plugin-admin .asi-dash-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
body.asi-plugin-admin .dash-icon{font-size:16px;opacity:.9}
body.asi-plugin-admin .asi-dash-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:16px}
body.asi-plugin-admin .asi-dash-stat{position:relative;min-height:150px;padding:21px;border:1px solid #252b37;border-radius:16px;background:#11151d;box-shadow:0 12px 30px rgba(0,0,0,.17);overflow:hidden}
body.asi-plugin-admin .asi-dash-stat:after{content:"";position:absolute;right:-30px;bottom:-48px;width:120px;height:120px;border-radius:50%;background:rgba(91,140,255,.06)}
body.asi-plugin-admin .asi-dash-stat.sales{border-top:2px solid #5b8cff}.asi-dash-stat.paid{border-top:2px solid #31c48d}.asi-dash-stat.due{border-top:2px solid #f0a54b}.asi-dash-stat.invoice{border-top:2px solid #a477ff}
body.asi-plugin-admin .asi-dash-stat-top{display:flex;justify-content:space-between;align-items:center;color:#9aa5b7;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
body.asi-plugin-admin .asi-dash-stat-top i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#191f2a;color:#aeb9ca;font-style:normal;font-size:14px}
body.asi-plugin-admin .asi-dash-stat strong{display:block;margin-top:18px;color:#fff;font-size:25px;line-height:1.1;letter-spacing:-.02em}
body.asi-plugin-admin .asi-dash-stat small{display:block;margin-top:9px;color:#737e91;font-size:11px}
body.asi-plugin-admin .asi-dash-main-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-bottom:16px}
body.asi-plugin-admin .asi-dash-panel{background:#11151d;border:1px solid #252b37;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.17);overflow:hidden}
body.asi-plugin-admin .asi-dash-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 21px;border-bottom:1px solid #242a35}
body.asi-plugin-admin .asi-dash-panel-head h3{margin:0;color:#fff;font-size:16px;letter-spacing:-.01em}
body.asi-plugin-admin .asi-dash-panel-head p{margin:5px 0 0;color:#737e91;font-size:12px}
body.asi-plugin-admin .collection-panel .asi-dash-panel-head>strong{font-size:20px;color:#fff}
body.asi-plugin-admin .asi-progress{height:10px;margin:22px 21px 20px;background:#202631;border-radius:999px;overflow:hidden}
body.asi-plugin-admin .asi-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4d7cff,#31c48d);min-width:2px;transition:width .4s ease}
body.asi-plugin-admin .asi-collection-numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #242a35;border-bottom:1px solid #242a35}
body.asi-plugin-admin .asi-collection-numbers div{padding:17px 20px;border-right:1px solid #242a35}.asi-collection-numbers div:last-child{border-right:0}
body.asi-plugin-admin .asi-collection-numbers b{display:block;color:#eef2f8;font-size:14px}.asi-collection-numbers span{display:block;color:#6f7a8d;font-size:10px;margin-top:4px}
body.asi-plugin-admin .asi-status-row{display:flex;gap:22px;padding:15px 21px;color:#929daf;font-size:11px;font-weight:700}.asi-status-row b{color:#e8ecf4;margin-left:4px}.paid-dot{color:#31c48d}.partial-dot{color:#f0b45d}.due-dot{color:#ef6f6f}
body.asi-plugin-admin .asi-quick-grid{padding:14px}
body.asi-plugin-admin .asi-quick-card{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:9px;border:1px solid #252c38;border-radius:12px;background:#0d1118;text-decoration:none!important;color:#e8ecf4;transition:.18s ease}
body.asi-plugin-admin .asi-quick-card:last-child{margin-bottom:0}.asi-quick-card:hover{border-color:#3d4d6a!important;background:#131924;transform:translateX(2px)}
body.asi-plugin-admin .asi-quick-card.primary{border-color:#3b4b83;background:#131a2b}.asi-quick-card .quick-symbol{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#1a2230;color:#9eb5ff;font-size:17px}.asi-quick-card.primary .quick-symbol{background:#29396c;color:#fff}
body.asi-plugin-admin .asi-quick-card span:nth-child(2){display:flex;flex-direction:column;min-width:0}.asi-quick-card b{font-size:12px;color:#eef2f8}.asi-quick-card small{margin-top:3px;color:#717d90;font-size:10px}.asi-quick-card em{margin-left:auto;color:#6e7a8e;font-size:20px;font-style:normal}
body.asi-plugin-admin .recent-panel{margin-bottom:16px}.asi-dash-link{color:#7fa0ff;text-decoration:none;font-size:11px;font-weight:800}.asi-dash-link:hover{color:#a5baff}
body.asi-plugin-admin .asi-recent-table-wrap{overflow-x:auto}.asi-recent-table{width:100%;border-collapse:collapse;min-width:760px}.asi-recent-table th{padding:12px 18px;background:#0d1118;color:#6f7a8d;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #242a35}.asi-recent-table td{padding:15px 18px;border-bottom:1px solid #202631;color:#9da7b8;font-size:12px}.asi-recent-table tbody tr:last-child td{border-bottom:0}.asi-recent-table tbody tr:hover{background:#151a23}.asi-recent-table td strong{color:#e7ebf2}.asi-recent-table .invoice-no{color:#8eabff;text-decoration:none;font-weight:800}.asi-recent-table .invoice-no:hover{text-decoration:underline}.asi-dash-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.04em}.asi-dash-status.paid{background:#123b2e;color:#4fe0a4}.asi-dash-status.partial{background:#3d3018;color:#f3c86e}.asi-dash-status.due{background:#411f22;color:#ff8b8b}.asi-row-view{color:#8b9bb2;text-decoration:none;font-weight:700}.asi-row-view:hover{color:#fff}
body.asi-plugin-admin .asi-empty-dashboard{text-align:center;padding:50px 20px}.asi-empty-dashboard>div{font-size:32px;color:#66738a}.asi-empty-dashboard h4{margin:12px 0 5px;color:#fff;font-size:17px}.asi-empty-dashboard p{margin:0 auto 18px;color:#747f91;font-size:12px}
body.asi-plugin-admin .asi-dash-footer-note{padding:14px 3px;color:#5f6b7e;font-size:10px}.asi-dash-footer-note span{color:#31c48d}.asi-dash-footer-note b{padding:0 5px;color:#3d4654}
@media(max-width:1100px){body.asi-plugin-admin .asi-dash-stat-grid{grid-template-columns:repeat(2,1fr)}body.asi-plugin-admin .asi-dash-main-grid{grid-template-columns:1fr}}
@media(max-width:700px){body.asi-plugin-admin .asi-dash-hero{padding:23px;align-items:flex-start;flex-direction:column}.asi-dash-hero h2{font-size:25px}.asi-dash-actions{width:100%;justify-content:flex-start!important}.asi-dash-btn{flex:1}.asi-dash-stat-grid{grid-template-columns:1fr!important}.asi-collection-numbers{grid-template-columns:1fr!important}.asi-collection-numbers div{border-right:0!important;border-bottom:1px solid #242a35}.asi-collection-numbers div:last-child{border-bottom:0}.asi-status-row{flex-wrap:wrap;gap:10px 18px}}


/* =========================================================
   ROZA SOFT v6.7.1 - PREMIUM CUSTOMER DETAILS
   Visual refinement only; invoice structure/template remains unchanged.
   ========================================================= */
.asi-invoice-modern .party-body{padding:5mm!important;font-size:10px!important;line-height:1.45!important}
.asi-invoice-modern .party-body .customer-name{font-size:14px!important;font-weight:900!important;color:#172033!important;letter-spacing:-.01em!important;margin-bottom:4mm!important}
.asi-invoice-modern .customer-contact-list{display:flex!important;flex-direction:column!important;gap:2.4mm!important}
.asi-invoice-modern .customer-contact-item{display:flex!important;align-items:flex-start!important;gap:2.5mm!important;min-width:0!important;padding:2.2mm 2.6mm!important;border:1px solid #e0e6ef!important;border-radius:2.3mm!important;background:#f8fafc!important;box-sizing:border-box!important}
.asi-invoice-modern .customer-contact-icon{flex:0 0 6mm!important;width:6mm!important;height:6mm!important;display:grid!important;place-items:center!important;border-radius:1.7mm!important;background:#eaf1fb!important;color:#1260c7!important;font-size:9px!important;font-weight:900!important;line-height:1!important}
.asi-invoice-modern .customer-contact-item>span:last-child{display:flex!important;flex-direction:column!important;min-width:0!important;gap:.7mm!important}
.asi-invoice-modern .customer-contact-item small{display:block!important;font-size:7.5px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:#7a8799!important;font-weight:800!important}
.asi-invoice-modern .customer-contact-item b{display:block!important;font-size:9.5px!important;line-height:1.3!important;color:#293548!important;font-weight:700!important;overflow-wrap:anywhere!important;word-break:break-word!important}
@media(max-width:900px){
 .asi-invoice-modern .party-body{padding:18px!important}
 .asi-invoice-modern .party-body .customer-name{font-size:16px!important;margin-bottom:14px!important}
 .asi-invoice-modern .customer-contact-list{gap:8px!important}
 .asi-invoice-modern .customer-contact-item{padding:9px 10px!important;border-radius:8px!important}
 .asi-invoice-modern .customer-contact-icon{width:24px!important;height:24px!important;flex-basis:24px!important;border-radius:6px!important}
 .asi-invoice-modern .customer-contact-item small{font-size:8px!important}
 .asi-invoice-modern .customer-contact-item b{font-size:10px!important}
}
@media print{
 .asi-invoice-modern .party-body .customer-name{font-size:14px!important}
 .asi-invoice-modern .customer-contact-item{background:#f8fafc!important}
}


/* =========================================================
   ROZA SOFT v6.7.2 - PREMIUM BILL TO / CUSTOMER DETAILS
   Visual-only refinement. Existing invoice template/layout is preserved.
   ========================================================= */
.asi-invoice-modern .party-card.bill-to .party-body{
    padding: 7mm 6.5mm 6.5mm !important;
    background: #ffffff !important;
}
.asi-invoice-modern .party-card.bill-to .customer-name{
    display: flex !important;
    align-items: center !important;
    min-height: 10mm !important;
    margin: 0 0 5mm !important;
    padding: 0 0 4.5mm !important;
    border-bottom: 1px solid #e7ebf2 !important;
    color: #172033 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
}
.asi-invoice-modern .party-card.bill-to .customer-contact-list{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.4mm !important;
    width: 100% !important;
}
.asi-invoice-modern .party-card.bill-to .customer-contact-item{
    display: grid !important;
    grid-template-columns: 8mm minmax(0,1fr) !important;
    align-items: center !important;
    column-gap: 3mm !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 10mm !important;
    margin: 0 !important;
    padding: 2.1mm 2.6mm !important;
    border: 1px solid #e5eaf1 !important;
    border-radius: 2.5mm !important;
    background: #fbfcfe !important;
    box-sizing: border-box !important;
}
.asi-invoice-modern .party-card.bill-to .customer-contact-item:hover{
    background: #f7faff !important;
}
.asi-invoice-modern .party-card.bill-to .customer-contact-icon{
    display: grid !important;
    place-items: center !important;
    width: 7mm !important;
    height: 7mm !important;
    flex: none !important;
    border-radius: 50% !important;
    background: #edf5ff !important;
    color: #1474d4 !important;
    border: 1px solid #d7e9fc !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}
.asi-invoice-modern .party-card.bill-to .customer-contact-item > span:last-child{
    display: grid !important;
    grid-template-columns: 15mm minmax(0,1fr) !important;
    align-items: baseline !important;
    column-gap: 2mm !important;
    min-width: 0 !important;
    width: 100% !important;
}
.asi-invoice-modern .party-card.bill-to .customer-contact-item small{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #8a95a5 !important;
    font-size: 6.8px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    white-space: nowrap !important;
}
.asi-invoice-modern .party-card.bill-to .customer-contact-item b{
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #263247 !important;
    font-size: 9.2px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
@media(max-width:900px){
    .asi-invoice-modern .party-card.bill-to .party-body{padding:18px !important}
    .asi-invoice-modern .party-card.bill-to .customer-name{font-size:17px !important;margin-bottom:14px !important;padding-bottom:12px !important}
    .asi-invoice-modern .party-card.bill-to .customer-contact-list{gap:8px !important}
    .asi-invoice-modern .party-card.bill-to .customer-contact-item{grid-template-columns:30px minmax(0,1fr) !important;min-height:44px !important;padding:8px 10px !important;border-radius:9px !important}
    .asi-invoice-modern .party-card.bill-to .customer-contact-icon{width:28px !important;height:28px !important}
    .asi-invoice-modern .party-card.bill-to .customer-contact-item > span:last-child{grid-template-columns:52px minmax(0,1fr) !important;column-gap:7px !important}
    .asi-invoice-modern .party-card.bill-to .customer-contact-item small{font-size:8px !important}
    .asi-invoice-modern .party-card.bill-to .customer-contact-item b{font-size:10px !important}
}
@media print{
    .asi-invoice-modern .party-card.bill-to .party-body{padding:7mm 6.5mm 6.5mm !important}
    .asi-invoice-modern .party-card.bill-to .customer-name{font-size:15px !important}
    .asi-invoice-modern .party-card.bill-to .customer-contact-item{background:#fbfcfe !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}


/* =========================================================
   ROZA SOFT v6.7.4 - INVOICE DETAILS HEIGHT ONLY
   Keep the original 50/50 width. Only remove the unnecessary
   vertical stretch from the Invoice Details card.
   ========================================================= */
.asi-view-wrap .invoice-info .invoice-details-box{
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: start !important;
    flex: 0 0 auto !important;
}
.asi-view-wrap .invoice-info .invoice-details-box .meta-list{
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
}
@media(max-width:900px){
    .asi-view-wrap .invoice-info .invoice-details-box{
        height: auto !important;
        align-self: start !important;
    }
}
@media print{
    .asi-view-wrap .invoice-info .invoice-details-box{
        height: auto !important;
        min-height: 0 !important;
        align-self: start !important;
    }
    .asi-view-wrap .invoice-info .invoice-details-box .meta-list{
        flex: 0 0 auto !important;
        height: auto !important;
    }
}


/* =========================================================
   ROZA SOFT v6.7.6 - MOBILE RESPONSIVE ONLY
   Responsive behavior only. Desktop design and invoice template
   remain unchanged. No theme/header styles are touched.
   ========================================================= */
@media (max-width: 782px){
  /* WordPress/plugin content area */
  body.asi-plugin-admin #wpcontent,
  body.asi-plugin-admin #wpbody-content{
    box-sizing:border-box!important;
    max-width:100%!important;
  }
  body.asi-plugin-admin .wrap,
  body.asi-plugin-admin .asi-wrap{
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  body.asi-plugin-admin .asi-wrap{
    padding-right:10px!important;
  }

  /* Common plugin toolbars */
  body.asi-plugin-admin .asi-toolbar,
  body.asi-plugin-admin .asi-panel-head{
    flex-wrap:wrap!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  body.asi-plugin-admin .asi-toolbar > *,
  body.asi-plugin-admin .asi-panel-head > *{
    max-width:100%!important;
  }
  body.asi-plugin-admin .asi-toolbar input,
  body.asi-plugin-admin .asi-toolbar select{
    min-width:0!important;
    width:100%!important;
  }

  /* Forms */
  body.asi-plugin-admin .asi-form-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.asi-plugin-admin .asi-form-grid .full{
    grid-column:auto!important;
  }
  body.asi-plugin-admin .asi-panel{
    padding:15px!important;
    margin:14px 0!important;
  }
  body.asi-plugin-admin .asi-panel-head{
    padding:13px 14px!important;
  }
  body.asi-plugin-admin .asi-title{
    font-size:24px!important;
    line-height:1.2!important;
  }
  body.asi-plugin-admin .asi-panel input,
  body.asi-plugin-admin .asi-panel textarea,
  body.asi-plugin-admin .asi-panel select{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Generic admin tables: preserve all data with horizontal scroll */
  body.asi-plugin-admin .asi-panel:has(table){
    overflow:hidden!important;
  }
  body.asi-plugin-admin .asi-panel table{
    width:100%!important;
    min-width:680px!important;
  }
  body.asi-plugin-admin .asi-panel .table-responsive,
  body.asi-plugin-admin .asi-table-wrap,
  body.asi-plugin-admin .asi-list-table-wrap{
    width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Media/settings grids */
  body.asi-plugin-admin .asi-media-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.asi-plugin-admin .asi-media{
    width:100%!important;
    box-sizing:border-box!important;
  }
  body.asi-plugin-admin .asi-media-preview{
    max-width:100%!important;
  }
  body.asi-plugin-admin .asi-pm-row{
    grid-template-columns:1fr!important;
  }
  body.asi-plugin-admin .asi-payment-select-grid{
    grid-template-columns:1fr!important;
  }

  /* Totals and action buttons */
  body.asi-plugin-admin .asi-totals{
    max-width:none!important;
    width:100%!important;
  }
  body.asi-plugin-admin .asi-totals input{
    max-width:50%!important;
  }
  body.asi-plugin-admin .asi-wrap .button{
    max-width:100%!important;
  }

  /* Dashboard: compact phone layout */
  body.asi-plugin-admin .asi-dashboard-v67{
    width:100%!important;
    max-width:100%!important;
    margin-bottom:18px!important;
  }
  body.asi-plugin-admin .asi-dash-hero{
    width:100%!important;
    box-sizing:border-box!important;
    padding:20px!important;
  }
  body.asi-plugin-admin .asi-dash-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  body.asi-plugin-admin .asi-dash-btn{
    width:100%!important;
    box-sizing:border-box!important;
    padding:0 10px!important;
  }
  body.asi-plugin-admin .asi-dash-stat-grid{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  body.asi-plugin-admin .asi-dash-stat{
    min-height:125px!important;
    padding:15px!important;
  }
  body.asi-plugin-admin .asi-dash-stat strong{
    font-size:21px!important;
    margin-top:13px!important;
  }
  body.asi-plugin-admin .asi-dash-main-grid{
    grid-template-columns:1fr!important;
  }
  body.asi-plugin-admin .asi-dash-panel-head{
    padding:15px!important;
  }
  body.asi-plugin-admin .asi-collection-numbers{
    grid-template-columns:1fr!important;
  }
  body.asi-plugin-admin .asi-status-row{
    flex-wrap:wrap!important;
  }

  /* Invoice editor: controls stack without changing desktop styling */
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel{
    width:100%!important;
    box-sizing:border-box!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .modern-items{
    display:block!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .modern-items table{
    min-width:620px!important;
  }

  /* Public tracking page only */
  .asi-public-tracking{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .asi-public-tracking .tracking-card,
  .asi-public-tracking form{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .asi-public-tracking input[type="text"],
  .asi-public-tracking input[type="search"],
  .asi-public-tracking input[type="submit"],
  .asi-public-tracking button{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Invoice view/PDF preview: responsive on phones only */
  .asi-public-invoice-page{
    padding:8px!important;
    overflow-x:hidden!important;
  }
  .asi-view-wrap{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:8px!important;
    overflow-x:hidden!important;
  }
  .asi-print-actions{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .asi-print-actions a,
  .asi-print-actions button{
    max-width:100%!important;
  }
  .asi-invoice-modern{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .invoice-top{
    min-height:125px!important;
    height:auto!important;
    padding:18px 16px 25px!important;
    gap:12px!important;
    flex-wrap:wrap!important;
  }
  .brand-area{
    min-width:0!important;
    flex:1 1 58%!important;
  }
  .modern-logo{
    width:78px!important;
    height:52px!important;
  }
  .company-name{
    font-size:15px!important;
  }
  .company-tag{
    font-size:7px!important;
  }
  .invoice-title-box{
    flex:0 0 auto!important;
  }
  .invoice-word{
    font-size:24px!important;
  }
  .invoice-thanks{
    font-size:8px!important;
  }
  .invoice-info{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:14px!important;
  }
  .party-grid{
    grid-template-columns:1fr!important;
  }
  .party-card{
    min-height:0!important;
  }
  .modern-items{
    width:calc(100% - 28px)!important;
    margin:4px 14px 14px!important;
    font-size:9px!important;
    display:block!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .modern-items th,
  .modern-items td{
    white-space:nowrap!important;
  }
  .invoice-lower{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:0 14px!important;
  }
  .modern-footer{
    margin-top:18px!important;
    padding:12px 14px!important;
    flex-direction:column!important;
  }
}

@media (max-width:480px){
  body.asi-plugin-admin .asi-dash-stat-grid{
    grid-template-columns:1fr!important;
  }
  body.asi-plugin-admin .asi-dash-actions{
    grid-template-columns:1fr!important;
  }
  body.asi-plugin-admin .asi-dash-hero h2{
    font-size:22px!important;
  }
  body.asi-plugin-admin .asi-dash-stat strong{
    font-size:20px!important;
  }
  .invoice-top{
    align-items:flex-start!important;
  }
  .brand-area{
    flex-basis:100%!important;
  }
  .invoice-title-box{
    width:100%!important;
    text-align:left!important;
  }
  .invoice-word{
    font-size:22px!important;
  }
}

/* =========================================================
   ROZA SOFT v6.7.7 - MOBILE ADD INVOICE DARK SURFACES ONLY
   Mobile-only visual cleanup. No desktop layout/functionality,
   invoice template, or website theme/header is changed.
   ========================================================= */
@media (max-width:782px){
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel-head{
    background:#171c25!important;
    border-color:#2b3341!important;
    color:#f4f7fb!important;
    border-radius:12px!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel-head h2{
    color:#ffffff!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-section-subtitle{
    color:#9ca8ba!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-items-panel,
  body.asi-add-invoice-admin #asi-invoice-form .asi-payment-panel,
  body.asi-add-invoice-admin #asi-invoice-form .asi-totals-panel{
    background:#11151d!important;
    border-color:#2a303c!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-payment-panel{
    background:#11151d!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-save-panel{
    background:#11151d!important;
    border-color:#2a303c!important;
    box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .modern-items{
    background:#10141b!important;
    color:#e8ecf4!important;
    border-color:#2d3543!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .modern-items thead th{
    background:#171d28!important;
    color:#f4f7fb!important;
    border-color:#2b3341!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .modern-items tbody td{
    background:#11151d!important;
    color:#dfe5ef!important;
    border-color:#252c38!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .modern-items tbody tr:nth-child(even) td{
    background:#151a23!important;
  }
}

/* =========================================================
   ROZA SOFT v6.7.8 - MOBILE ADD INVOICE COLOR FIX ONLY
   Replace remaining light/white editor surfaces with a deep
   navy-blue palette. No layout or functionality changes.
   ========================================================= */
@media (max-width:782px){
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel,
  body.asi-add-invoice-admin #asi-invoice-form .asi-items-panel,
  body.asi-add-invoice-admin #asi-invoice-form .asi-payment-panel,
  body.asi-add-invoice-admin #asi-invoice-form .asi-totals-panel,
  body.asi-add-invoice-admin #asi-invoice-form .asi-save-panel{
    background:#0b1630!important;
    color:#e8f0ff!important;
    border-color:#203d68!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel-head{
    background:linear-gradient(135deg,#122b59,#183b78)!important;
    border-color:#28549a!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel-head h2,
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel-head h3{
    color:#ffffff!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-section-subtitle,
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel p{
    color:#9fb2d1!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .modern-items,
  body.asi-add-invoice-admin #asi-invoice-form .modern-items table{
    background:#081328!important;
    color:#eaf2ff!important;
    border-color:#25456f!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .modern-items thead th{
    background:#10254a!important;
    color:#f4f8ff!important;
    border-color:#284a78!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .modern-items tbody td,
  body.asi-add-invoice-admin #asi-invoice-form .modern-items tbody tr:nth-child(even) td{
    background:#0d1b35!important;
    color:#dce8fb!important;
    border-color:#203a60!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel input,
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel textarea,
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel select{
    background:#071225!important;
    color:#f1f6ff!important;
    border-color:#294a77!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel input::placeholder,
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel textarea::placeholder{
    color:#7286a7!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel label{
    color:#dce8fb!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .button:not(.button-primary){
    background:#162b4d!important;
    color:#dce8fb!important;
    border-color:#31527e!important;
  }
}


/* =========================================================
   ROZA SOFT v6.7.9 - FORCE MOBILE ADD INVOICE COLOR OVERRIDE
   Fixes light/white section headers that can be reintroduced by
   earlier editor styles or cached CSS. Mobile editor only.
   ========================================================= */
@media (max-width:782px){
  body.asi-add-invoice-admin #asi-invoice-form .asi-items-panel > .asi-panel-head,
  body.asi-add-invoice-admin #asi-invoice-form .asi-payment-panel > .asi-panel-head,
  body.asi-add-invoice-admin #asi-invoice-form .asi-totals-panel > .asi-panel-head{
    background:#122b59!important;
    background-image:linear-gradient(135deg,#122b59 0%,#173f82 100%)!important;
    color:#ffffff!important;
    border:1px solid #2c5aa0!important;
    box-shadow:none!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-items-panel > .asi-panel-head > div,
  body.asi-add-invoice-admin #asi-invoice-form .asi-payment-panel > .asi-panel-head > div,
  body.asi-add-invoice-admin #asi-invoice-form .asi-totals-panel > .asi-panel-head > div{
    background:transparent!important;
    color:#ffffff!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-items-panel > .asi-panel-head h2,
  body.asi-add-invoice-admin #asi-invoice-form .asi-payment-panel > .asi-panel-head h2,
  body.asi-add-invoice-admin #asi-invoice-form .asi-totals-panel > .asi-panel-head h2,
  body.asi-add-invoice-admin #asi-invoice-form .asi-items-panel > .asi-panel-head p,
  body.asi-add-invoice-admin #asi-invoice-form .asi-payment-panel > .asi-panel-head p,
  body.asi-add-invoice-admin #asi-invoice-form .asi-totals-panel > .asi-panel-head p{
    color:#ffffff!important;
    background:transparent!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-items-panel > .asi-panel-head .button-primary,
  body.asi-add-invoice-admin #asi-invoice-form .asi-payment-panel > .asi-panel-head .button-primary,
  body.asi-add-invoice-admin #asi-invoice-form .asi-totals-panel > .asi-panel-head .button-primary{
    background:#3478ff!important;
    border-color:#3478ff!important;
    color:#fff!important;
  }
}

/* =========================================================
   ROZA SOFT v6.8.0 - MOBILE ADD INVOICE COLOR FORCE FIX
   Scope: Add/Edit Invoice form only. No invoice template changes.
   ========================================================= */
@media screen and (max-width: 782px){
  #asi-invoice-form .asi-items-panel,
  #asi-invoice-form .asi-payment-panel,
  #asi-invoice-form .asi-totals-panel,
  #asi-invoice-form .asi-save-panel{
    background:#0b1630 !important;
    color:#eef4ff !important;
    border-color:#223f70 !important;
  }

  #asi-invoice-form .asi-items-panel > .asi-panel-head,
  #asi-invoice-form .asi-payment-panel > .asi-panel-head,
  #asi-invoice-form .asi-totals-panel > .asi-panel-head{
    background:#132d63 !important;
    background-image:linear-gradient(135deg,#132d63 0%,#174b93 100%) !important;
    color:#ffffff !important;
    border:1px solid #2b63ad !important;
    border-radius:12px !important;
  }

  #asi-invoice-form .asi-items-panel > .asi-panel-head > div,
  #asi-invoice-form .asi-payment-panel > .asi-panel-head > div,
  #asi-invoice-form .asi-totals-panel > .asi-panel-head > div,
  #asi-invoice-form .asi-items-panel > .asi-panel-head h2,
  #asi-invoice-form .asi-payment-panel > .asi-panel-head h2,
  #asi-invoice-form .asi-totals-panel > .asi-panel-head h2,
  #asi-invoice-form .asi-items-panel > .asi-panel-head p,
  #asi-invoice-form .asi-payment-panel > .asi-panel-head p,
  #asi-invoice-form .asi-totals-panel > .asi-panel-head p{
    background:transparent !important;
    color:#ffffff !important;
  }

  #asi-invoice-form .asi-items-panel .asi-section-subtitle,
  #asi-invoice-form .asi-payment-panel .asi-section-subtitle,
  #asi-invoice-form .asi-totals-panel .asi-section-subtitle{
    color:#b9c9e6 !important;
  }

  #asi-invoice-form .asi-items-table-wrap,
  #asi-invoice-form #asi-items,
  #asi-invoice-form #asi-items tbody,
  #asi-invoice-form #asi-items tr,
  #asi-invoice-form #asi-items td{
    background:#0a1429 !important;
    color:#f4f7ff !important;
  }

  #asi-invoice-form #asi-items thead th{
    background:#102957 !important;
    color:#ffffff !important;
    border-color:#244a7e !important;
  }

  #asi-invoice-form #asi-items td{
    border-color:#203a61 !important;
  }

  #asi-invoice-form .asi-items-panel input,
  #asi-invoice-form .asi-items-panel select,
  #asi-invoice-form .asi-payment-panel input,
  #asi-invoice-form .asi-payment-panel select,
  #asi-invoice-form .asi-totals-panel input{
    background:#071225 !important;
    color:#ffffff !important;
    border:1px solid #31527f !important;
  }

  #asi-invoice-form .asi-items-panel input::placeholder,
  #asi-invoice-form .asi-payment-panel input::placeholder{
    color:#8296b8 !important;
  }

  #asi-invoice-form .asi-items-panel label,
  #asi-invoice-form .asi-payment-panel label,
  #asi-invoice-form .asi-totals-panel label{
    color:#dbe7fa !important;
  }

  #asi-invoice-form .asi-items-panel .button-primary,
  #asi-invoice-form .asi-payment-panel .button-primary,
  #asi-invoice-form .asi-totals-panel .button-primary{
    background:#3478ff !important;
    border-color:#3478ff !important;
    color:#ffffff !important;
  }
}


/* =========================================================
   ROZA SOFT v6.8.1 - ALL DEVICE RESPONSIVE POLISH
   Scope: plugin admin UI only. Invoice template and frontend
   website header are intentionally untouched.
   ========================================================= */

/* Large desktop / laptop: keep content comfortable and prevent
   overly wide controls while preserving the existing design. */
@media screen and (min-width: 1101px) and (max-width: 1600px){
  body.asi-plugin-admin .asi-wrap{
    max-width:calc(100vw - 70px)!important;
  }
  body.asi-plugin-admin .asi-cards{
    gap:14px!important;
  }
  body.asi-plugin-admin .asi-panel{
    box-sizing:border-box!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-form-grid{
    gap:14px!important;
  }
}

/* Tablet: two-column cards/forms where there is room, then stack
   only when the available width becomes narrow. */
@media screen and (min-width:783px) and (max-width:1100px){
  body.asi-plugin-admin #wpcontent,
  body.asi-plugin-admin #wpbody-content{
    box-sizing:border-box!important;
    max-width:100%!important;
  }
  body.asi-plugin-admin .asi-wrap{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding-right:18px!important;
  }
  body.asi-plugin-admin .asi-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body.asi-plugin-admin .asi-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:14px!important;
  }
  body.asi-plugin-admin .asi-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:13px!important;
  }
  body.asi-plugin-admin .asi-panel{
    min-width:0!important;
    box-sizing:border-box!important;
    padding:18px!important;
  }
  body.asi-plugin-admin .asi-panel-head,
  body.asi-plugin-admin .asi-toolbar{
    min-width:0!important;
    flex-wrap:wrap!important;
  }
  body.asi-plugin-admin .asi-panel-head > div{
    min-width:0!important;
  }
  body.asi-plugin-admin .asi-media-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.asi-plugin-admin .asi-payment-select-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.asi-plugin-admin .asi-panel table{
    min-width:650px!important;
  }
  body.asi-plugin-admin .asi-table-wrap,
  body.asi-plugin-admin .asi-list-table-wrap,
  body.asi-plugin-admin .asi-items-table-wrap,
  body.asi-plugin-admin .table-responsive{
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .modern-items{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }
}

/* Phone: no horizontal page overflow. Tables scroll inside their
   own container; form controls never exceed the viewport. */
@media screen and (max-width:782px){
  html.wp-toolbar,
  body.asi-plugin-admin{
    overflow-x:hidden!important;
  }
  body.asi-plugin-admin #wpcontent,
  body.asi-plugin-admin #wpbody,
  body.asi-plugin-admin #wpbody-content{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  body.asi-plugin-admin .asi-wrap,
  body.asi-plugin-admin .asi-admin-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.asi-plugin-admin .asi-title{
    font-size:22px!important;
    word-break:break-word!important;
  }
  body.asi-plugin-admin .asi-cards{
    grid-template-columns:1fr 1fr!important;
    min-width:0!important;
  }
  body.asi-plugin-admin .asi-card{
    min-width:0!important;
    padding:14px!important;
    overflow:hidden!important;
  }
  body.asi-plugin-admin .asi-card strong{
    font-size:20px!important;
    overflow-wrap:anywhere!important;
  }
  body.asi-plugin-admin .asi-grid,
  body.asi-plugin-admin .asi-form-grid,
  body.asi-plugin-admin .asi-media-grid,
  body.asi-plugin-admin .asi-payment-select-grid{
    grid-template-columns:1fr!important;
    min-width:0!important;
  }
  body.asi-plugin-admin .asi-panel,
  body.asi-plugin-admin .asi-media{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.asi-plugin-admin .asi-panel-head,
  body.asi-plugin-admin .asi-toolbar{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.asi-plugin-admin .asi-panel-head h2,
  body.asi-plugin-admin .asi-panel-head h3,
  body.asi-plugin-admin .asi-panel-head p{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  body.asi-plugin-admin .asi-panel input,
  body.asi-plugin-admin .asi-panel textarea,
  body.asi-plugin-admin .asi-panel select,
  body.asi-plugin-admin .asi-toolbar input,
  body.asi-plugin-admin .asi-toolbar select{
    min-width:0!important;
    max-width:100%!important;
  }
  body.asi-plugin-admin .asi-pm-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    min-width:0!important;
  }
  body.asi-plugin-admin .asi-pm-row > *{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.asi-plugin-admin .asi-panel:has(table),
  body.asi-plugin-admin .asi-items-table-wrap,
  body.asi-plugin-admin .asi-table-wrap,
  body.asi-plugin-admin .asi-list-table-wrap,
  body.asi-plugin-admin .table-responsive{
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.asi-plugin-admin .asi-panel table,
  body.asi-plugin-admin .widefat{
    min-width:620px!important;
    width:620px!important;
    max-width:none!important;
  }
  body.asi-plugin-admin .asi-totals,
  body.asi-plugin-admin .asi-totals-panel .asi-totals{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.asi-plugin-admin .asi-totals p{
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  body.asi-plugin-admin .asi-totals input{
    width:100%!important;
    max-width:180px!important;
    box-sizing:border-box!important;
  }
  body.asi-plugin-admin .asi-save-panel{
    width:100%!important;
    box-sizing:border-box!important;
  }
  body.asi-plugin-admin .asi-save-invoice{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Invoice editor controls only. The actual invoice preview/template
     is deliberately excluded from these responsive admin rules. */
  body.asi-add-invoice-admin #asi-invoice-form{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-panel{
    overflow:visible!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-items-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form #asi-items{
    width:680px!important;
    min-width:680px!important;
    max-width:none!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-payment-select-grid{
    grid-template-columns:1fr!important;
  }
  body.asi-add-invoice-admin #asi-invoice-form .asi-payment-select-grid p{
    width:100%!important;
    min-width:0!important;
  }
}

/* Very small phones: keep the dashboard readable without changing
   the component design. */
@media screen and (max-width:420px){
  body.asi-plugin-admin .asi-cards{
    grid-template-columns:1fr!important;
  }
  body.asi-plugin-admin .asi-card{
    padding:16px!important;
  }
  body.asi-plugin-admin .asi-dash-actions{
    grid-template-columns:1fr!important;
  }
  body.asi-plugin-admin .asi-dash-stat-grid{
    grid-template-columns:1fr!important;
  }
  body.asi-plugin-admin .asi-panel{
    padding:13px!important;
  }
  body.asi-plugin-admin .asi-title{
    font-size:20px!important;
  }
}

/* =========================================================
   ROZA SOFT v6.8.2 - ADD INVOICE DARK BLUE SURFACE FIX
   Applies to the Add/Edit Invoice admin form on ALL devices.
   The public invoice template is intentionally excluded.
   ========================================================= */
body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel,
body.asi-add-invoice-admin #asi-invoice-form > .asi-payment-panel,
body.asi-add-invoice-admin #asi-invoice-form > .asi-totals-panel,
body.asi-add-invoice-admin #asi-invoice-form > .asi-save-panel {
  background:#0b1730 !important;
  color:#edf5ff !important;
  border:1px solid #234a82 !important;
  box-shadow:0 8px 24px rgba(0,20,55,.28) !important;
}

body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel > .asi-panel-head,
body.asi-add-invoice-admin #asi-invoice-form > .asi-payment-panel > .asi-panel-head,
body.asi-add-invoice-admin #asi-invoice-form > .asi-totals-panel > .asi-panel-head {
  background:linear-gradient(135deg,#102b5d 0%,#16539d 100%) !important;
  background-color:#123b76 !important;
  color:#ffffff !important;
  border:1px solid #2d69b5 !important;
  border-radius:12px !important;
}

body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel > .asi-panel-head > div,
body.asi-add-invoice-admin #asi-invoice-form > .asi-payment-panel > .asi-panel-head > div,
body.asi-add-invoice-admin #asi-invoice-form > .asi-totals-panel > .asi-panel-head > div {
  background:transparent !important;
}

body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel > .asi-panel-head h2,
body.asi-add-invoice-admin #asi-invoice-form > .asi-payment-panel > .asi-panel-head h2,
body.asi-add-invoice-admin #asi-invoice-form > .asi-totals-panel > .asi-panel-head h2 {
  color:#ffffff !important;
}

body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel > .asi-panel-head p,
body.asi-add-invoice-admin #asi-invoice-form > .asi-payment-panel > .asi-panel-head p,
body.asi-add-invoice-admin #asi-invoice-form > .asi-totals-panel > .asi-panel-head p {
  color:#bcd2f1 !important;
  background:transparent !important;
}

body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel .asi-items-table-wrap,
body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel #asi-items,
body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel #asi-items tbody,
body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel #asi-items tr,
body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel #asi-items td {
  background:#09152c !important;
  color:#edf5ff !important;
  border-color:#24446f !important;
}

body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel #asi-items thead th {
  background:#12366d !important;
  color:#ffffff !important;
  border-color:#2b5c99 !important;
}

body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel input,
body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel select,
body.asi-add-invoice-admin #asi-invoice-form > .asi-payment-panel input,
body.asi-add-invoice-admin #asi-invoice-form > .asi-payment-panel select,
body.asi-add-invoice-admin #asi-invoice-form > .asi-totals-panel input {
  background:#061126 !important;
  color:#f5f8ff !important;
  border:1px solid #315b91 !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.22) !important;
}

body.asi-add-invoice-admin #asi-invoice-form > .asi-items-panel label,
body.asi-add-invoice-admin #asi-invoice-form > .asi-payment-panel label,
body.asi-add-invoice-admin #asi-invoice-form > .asi-totals-panel label {
  color:#dbe9ff !important;
}

body.asi-add-invoice-admin #asi-invoice-form > .asi-totals-panel .asi-totals,
body.asi-add-invoice-admin #asi-invoice-form > .asi-totals-panel .asi-totals p {
  background:#0d1e3d !important;
  color:#dfeaff !important;
  border-color:#274a7a !important;
}

body.asi-add-invoice-admin #asi-invoice-form > .asi-totals-panel .asi-totals strong {
  color:#61a5ff !important;
}

body.asi-add-invoice-admin #asi-invoice-form > .asi-save-panel {
  background:#0a1731 !important;
}

body.asi-add-invoice-admin #asi-invoice-form > .asi-save-panel .asi-save-invoice {
  background:linear-gradient(135deg,#2563eb,#3478ff) !important;
  border-color:#3478ff !important;
  color:#ffffff !important;
}


/* ===== ROZA SOFT v6.8.3 - Public Invoice Tracking Dark Blue =====
   Scoped only to the tracking shortcode. The website header/theme is untouched. */
.asi-public-tracking,
.asi-public-tracking *{box-sizing:border-box!important}
.asi-public-tracking{background:transparent!important;color:#e8f0ff!important}
.asi-public-tracking .asi-tracking-card{background:#0b1730!important;border:1px solid #244b82!important;border-radius:18px!important;box-shadow:0 18px 45px rgba(2,12,30,.28)!important;overflow:hidden!important}
.asi-public-tracking .asi-tracking-header{background:linear-gradient(135deg,#0d2b58 0%,#123d78 55%,#0b315f 100%)!important;border-bottom:1px solid #24578f!important;color:#fff!important}
.asi-public-tracking .asi-tracking-icon{background:linear-gradient(135deg,#1677ff,#2563eb)!important;color:#fff!important}
.asi-public-tracking .asi-tracking-header h2{color:#fff!important}
.asi-public-tracking .asi-tracking-header p{color:#a9c3e8!important}
.asi-public-tracking .asi-tracking-form{background:#0b1730!important}
.asi-public-tracking .asi-tracking-form label{color:#eaf2ff!important}
.asi-public-tracking .asi-tracking-search input{background:#081225!important;border:1px solid #294b78!important;color:#f4f8ff!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.18)!important}
.asi-public-tracking .asi-tracking-search input::placeholder{color:#7188a8!important}
.asi-public-tracking .asi-tracking-search button{background:linear-gradient(135deg,#1677ff,#2563eb)!important;color:#fff!important;box-shadow:0 8px 20px rgba(22,119,255,.24)!important}
.asi-public-tracking .asi-track-result{background:#0b1730!important;border-color:#294b78!important}
.asi-public-tracking .asi-track-result-head{background:#10254a!important;border-bottom-color:#294b78!important}
.asi-public-tracking .asi-track-result-head span:first-child,
.asi-public-tracking .asi-track-grid span,
.asi-public-tracking .asi-track-amounts span{color:#8fa9cb!important}
.asi-public-tracking .asi-track-result-head strong,
.asi-public-tracking .asi-track-grid strong,
.asi-public-tracking .asi-track-amounts strong{color:#f5f8ff!important}
.asi-public-tracking .asi-track-grid{background:#294b78!important}
.asi-public-tracking .asi-track-grid>div{background:#0d1d38!important}
.asi-public-tracking .asi-track-amounts{border-top-color:#294b78!important}
.asi-public-tracking .asi-track-amounts>div{border-right-color:#294b78!important}
.asi-public-tracking .asi-track-amounts .due strong{color:#ff7d89!important}
.asi-public-tracking .asi-track-status{background:#263957!important;color:#cbd9ed!important}
.asi-public-tracking .asi-track-status.paid{background:#103b30!important;color:#6ee7ad!important}
.asi-public-tracking .asi-track-status.partial{background:#493b17!important;color:#ffd56b!important}
.asi-public-tracking .asi-track-status.due{background:#4a1e28!important;color:#ff929e!important}
.asi-public-tracking .asi-track-message.error{background:#351b24!important;color:#ffadb7!important;border-color:#6d2d3a!important}
.asi-public-tracking .asi-track-actions{display:none!important}
@media(max-width:640px){
  .asi-public-tracking .asi-tracking-card{border-radius:14px!important}
  .asi-public-tracking .asi-tracking-header{padding:18px!important}
  .asi-public-tracking .asi-tracking-form{padding:18px!important}
  .asi-public-tracking .asi-track-result{margin:0 18px 18px!important}
  .asi-public-tracking .asi-track-grid>div,
  .asi-public-tracking .asi-track-amounts>div{background:#0d1d38!important}
  .asi-public-tracking .asi-track-amounts>div{border-bottom-color:#294b78!important}
}