:root{--pigp-accent:#7c3aed}
.pigp-app{max-width:1240px;margin:28px auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033}
.pigp-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#fff7ed,#f5f3ff 48%,#ecfeff);border:1px solid #e9e3f5;box-shadow:0 20px 55px #6d28d914;position:relative;overflow:hidden}
.pigp-head:after{content:"";position:absolute;inset:auto -50px -80px auto;width:210px;height:210px;border-radius:50%;background:linear-gradient(135deg,#f472b6,#8b5cf6);opacity:.12;filter:blur(4px)}
.pigp-head-brand{position:relative;z-index:1}.pigp-head h1{margin:5px 0 0;font-size:32px;letter-spacing:-1px}.pigp-head p{margin:3px 0;color:#64748b}.pigp-pill{font-size:11px;font-weight:950;letter-spacing:1.5px;padding:7px 12px;border-radius:99px;background:linear-gradient(90deg,#7c3aed,#ec4899);color:#fff;box-shadow:0 8px 20px #7c3aed30}
.pigp-head-actions{display:flex;gap:9px;flex-wrap:wrap;position:relative;z-index:1}
.pigp-btn,.pigp-add,.pigp-tabs button,.pigp-terms-toggle{border:0;border-radius:13px;padding:11px 16px;font-weight:850;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,filter .22s ease}.pigp-btn:hover,.pigp-add:hover,.pigp-tabs button:hover,.pigp-terms-toggle:hover{transform:translateY(-3px);box-shadow:0 13px 28px #0f172a1c}.pigp-btn:active,.pigp-add:active,.pigp-tabs button:active,.pigp-terms-toggle:active{transform:translateY(0) scale(.98)}
.pigp-primary{background:linear-gradient(135deg,var(--pigp-accent),#ec4899);color:#fff}.pigp-soft{background:#fff;color:#283548;border:1px solid #e6eaf0}
.pigp-animated-btn{position:relative;overflow:hidden;isolation:isolate}.pigp-animated-btn:after{content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:#fff2;transition:transform .35s ease;z-index:-1}.pigp-animated-btn:before{content:"";position:absolute;top:0;bottom:0;width:42%;left:-60%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-18deg);transition:left .55s ease;z-index:1;pointer-events:none}.pigp-animated-btn:hover:after{transform:scaleX(1)}.pigp-animated-btn:hover:before{left:120%}.pigp-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff8;transform:translate(-50%,-50%) scale(0);animation:pigpRipple .6s ease-out;pointer-events:none;z-index:2}@keyframes pigpRipple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}
.pigp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pigp-tabs button{background:#fff;color:#5c6678;border:1px solid #e7eaf0}.pigp-tabs button.active{background:linear-gradient(135deg,#111827,#334155);color:#fff;box-shadow:0 9px 22px #11182720}
.pigp-tab{display:none}.pigp-tab.active{display:block}.pigp-paper,.pigp-panel{background:#fff;border:1px solid #e4e8ef;border-radius:22px;box-shadow:0 22px 70px #0f172a0d}.pigp-paper{padding:32px}
.pigp-invoice-top{display:grid;grid-template-columns:1fr 330px;gap:34px;border-bottom:1px solid #e8ecf1;padding-bottom:26px}.pigp-brand{font-size:12px;line-height:1.65;color:#5d6879;min-height:130px}.pigp-logo-slot{min-height:1px;margin-bottom:8px}.pigp-brand img{max-width:210px;max-height:82px;display:block;object-fit:contain;object-position:left center}.pigp-company-name{font-size:29px;font-weight:950;color:#111827}.pigp-tagline{font-weight:800;color:var(--pigp-accent);margin-bottom:3px}
.pigp-meta label{font-size:11px;color:#64748b;font-weight:800;display:block;margin:7px 0}.pigp-meta input,.pigp-meta select,.pigp-box input,.pigp-box textarea,.pigp-box select,.pigp-settings input,.pigp-settings textarea{width:100%;box-sizing:border-box;border:1px solid #dce2eb;background:#fff;border-radius:10px;padding:10px;font:inherit;color:#172033}.pigp-invoice-word{text-align:right;font-size:38px;letter-spacing:2px;font-weight:950;color:var(--pigp-accent);margin-bottom:5px}.pigp-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pigp-two{display:grid;grid-template-columns:1fr;margin:24px 0}.pigp-box{background:linear-gradient(145deg,#fbfdff,#f8fafc);border:1px solid #e7ebf0;border-radius:14px;padding:15px}.pigp-box-title{font-size:11px;letter-spacing:1px;font-weight:950;color:#657186;margin-bottom:8px}.pigp-box textarea{min-height:75px;resize:vertical}.pigp-autowrap,.pigp-cell-wrap{position:relative}.pigp-suggest{position:absolute;left:0;right:0;top:100%;z-index:50;background:#fff;border:1px solid #dbe2eb;border-radius:10px;box-shadow:0 15px 30px #0002;display:none;overflow:hidden}.pigp-suggest div{padding:10px 12px;cursor:pointer}.pigp-suggest div:hover{background:#f5f3ff}
.pigp-table-scroll{overflow:auto}.pigp-items{width:100%;border-collapse:collapse;min-width:930px}.pigp-items th{background:linear-gradient(90deg,#fce7f3,#ede9fe);padding:12px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;text-align:left;color:#4b5563}.pigp-items td{padding:7px;border-bottom:1px solid #edf0f4;font-size:12px}.pigp-items input{width:100%;box-sizing:border-box;border:1px solid #e0e5ec;border-radius:8px;padding:8px;background:#fff}.pigp-items input:focus{outline:0;border-color:var(--pigp-accent);box-shadow:0 0 0 3px #7c3aed16}.pigp-items .short{min-width:220px}.pigp-items .num{width:72px}.pigp-items .amount{font-weight:900;white-space:nowrap}.pigp-del{border:0;border-radius:8px;background:#fee2e2;color:#b91c1c;width:32px;height:32px;cursor:pointer;transition:.2s}.pigp-del:hover{transform:rotate(8deg) scale(1.08);box-shadow:0 8px 18px #b91c1c22}.pigp-add{margin-top:12px;background:linear-gradient(135deg,#ecfeff,#f5f3ff);color:#4338ca;border:1px solid #e0e7ff}
.pigp-terms-toggle-wrap{display:flex;justify-content:flex-start;margin-top:20px}.pigp-terms-toggle{background:linear-gradient(135deg,#fef3c7,#fce7f3);color:#7c2d12;border:1px solid #f8d9b5}.pigp-terms-panel{margin-top:12px;padding:16px;border:1px solid #e5d7ff;border-radius:15px;background:linear-gradient(135deg,#faf5ff,#fff7ed);animation:termsIn .28s ease}.pigp-terms-panel[hidden]{display:none}.pigp-terms-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pigp-terms-panel-head strong{display:block;font-size:14px}.pigp-terms-panel textarea{width:100%;margin-top:12px;border:1px solid #ddd3f4;border-radius:11px;padding:11px;box-sizing:border-box;resize:vertical}.pigp-terms-actions{display:flex;justify-content:flex-end;margin-top:10px}@keyframes termsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.pigp-bottom{display:grid;grid-template-columns:1fr .9fr;gap:16px;margin-top:24px;align-items:stretch}.pigp-payment-card,.pigp-total-box{min-height:170px}.pigp-total-box,.pigp-payment-card{border:1px solid #e3e7ed;border-radius:14px;padding:16px;background:#fff}.pigp-total-box{box-shadow:0 12px 30px #0f172a0a}.pigp-total-box>div{display:flex;justify-content:space-between;padding:9px 1px;color:#536176}.pigp-total-box .grand{border-top:1px solid #e4e8ed;margin-top:5px;padding-top:16px;color:#111827;font-size:21px}.pigp-payment-card{background:linear-gradient(145deg,#f5f3ff,#fff7ed)}.pigp-qr{width:115px;height:115px;object-fit:contain;border:6px solid #fff;border-radius:10px;box-shadow:0 8px 25px #0001;display:block;margin-top:10px}.bank-grid{display:grid;gap:5px;font-size:12px;line-height:1.4}.payment-note{font-size:11px;color:#667085;margin-top:7px}.muted{color:#94a3b8;font-size:12px}
.pigp-amount-words{margin-top:14px;padding:13px 16px;border-radius:13px;background:linear-gradient(90deg,#f8fafc,#f5f3ff);border:1px solid #e7ebf0}.pigp-amount-words span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#718096;font-weight:900}.pigp-amount-words strong{display:block;margin-top:5px;font-size:13px;color:#111827}.pigp-invoice-footer{text-align:center;margin-top:16px;padding-top:12px;border-top:1px dashed #dfe4eb;color:#667085;font-size:11px}

.pigp-panel{padding:24px}.pigp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.pigp-panel h2{margin:0;font-size:22px}.pigp-panel p{margin:5px 0;color:#718096;font-size:13px}.pigp-table{width:100%;border-collapse:collapse}.pigp-table th,.pigp-table td{padding:11px 9px;border-bottom:1px solid #e9edf2;text-align:left;font-size:13px}.pigp-table th{background:#f5f7fa;font-size:11px;text-transform:uppercase}.pigp-mini{border:0;background:#eef2f7;border-radius:8px;padding:7px 10px;font-weight:800;cursor:pointer}.pigp-danger{background:#fee2e2;color:#b91c1c}.pigp-status-dot{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:99px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:800}.pigp-modal{position:fixed;inset:0;background:#0f172a99;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}.pigp-modal-card{background:#fff;width:min(620px,100%);border-radius:18px;padding:23px;box-shadow:0 25px 70px #0004}.pigp-modal-top{display:flex;align-items:center;justify-content:space-between}.pigp-modal-card h3{margin:0 0 15px}.pigp-modal-x{border:0;background:#f1f5f9;border-radius:9px;width:34px;height:34px;font-size:22px;cursor:pointer}.pigp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pigp-form-grid .full{grid-column:1/-1}.pigp-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
.pigp-login{max-width:520px;margin:60px auto;text-align:center;padding:45px 25px;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 20px 50px #00000012;background:#fff}.pigp-login-icon{font-size:40px}.pigp-login h2{margin:10px 0}.pigp-login p{color:#667085;margin-bottom:20px}.pigp-table-search{margin-bottom:12px}.pigp-table-search input{width:100%;max-width:420px;border:1px solid #dce2eb;border-radius:10px;padding:10px 12px;font:inherit}.pigp-empty{text-align:center!important;color:#94a3b8;padding:28px!important}.pigp-settings-note{background:#f8fafc;border:1px dashed #dbe2eb;border-radius:10px;padding:10px 12px;font-size:12px;color:#64748b}.pigp-setting-section{margin-top:18px;padding:17px;border:1px solid #e7ebf0;border-radius:14px;background:#fbfdff}.pigp-setting-section h3{margin:0 0 12px}.pigp-upload-card{display:block;padding:14px;border:1px dashed #d9dff0;border-radius:14px;background:linear-gradient(135deg,#fbf9ff,#fffaf7)}.pigp-upload-card>span{display:block;font-weight:900;margin-bottom:9px}.pigp-upload-card small{display:block;color:#718096;margin-top:8px}.upload-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pigp-upload-btn{min-width:190px}.pigp-upload-empty{display:flex;align-items:center;justify-content:center;min-height:90px;margin-top:10px;border-radius:12px;background:#f8fafc;color:#94a3b8;font-size:12px}.pigp-upload-preview{margin-top:8px}.pigp-upload-preview img{margin-top:0}.pigp-setting-logo{max-width:220px;max-height:90px;object-fit:contain;display:block;margin-top:10px}.pigp-setting-qr{width:140px;height:140px;object-fit:contain;display:block;margin-top:10px;background:#fff;border:6px solid #fff;border-radius:10px}.pigp-save-row{display:flex;justify-content:flex-end;margin-top:18px}.pigp-toast{position:fixed;right:22px;bottom:22px;z-index:1000000;background:#111827;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 14px 30px #0003;font-weight:800;animation:pigpPop .25s ease}.pigp-toast.bad{background:#b91c1c}@keyframes pigpPop{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:1000px){.pigp-bottom{grid-template-columns:1fr 1fr}}@media(max-width:850px){.pigp-head,.pigp-invoice-top,.pigp-two,.pigp-bottom{display:grid;grid-template-columns:1fr}.pigp-invoice-word{text-align:left}.pigp-head-actions{justify-content:stretch}.pigp-head-actions .pigp-btn{flex:1}.pigp-form-grid{grid-template-columns:1fr}.pigp-form-grid .full{grid-column:auto}}
@media print{
  html,body{width:210mm!important;min-width:210mm!important;margin:0!important;padding:0!important;background:#fff!important}
  body *{visibility:hidden!important}
  .pigp-app,.pigp-app *{visibility:visible!important}
  .pigp-app{position:absolute!important;left:0!important;top:0!important;width:210mm!important;max-width:210mm!important;margin:0!important;padding:0!important;background:#fff!important}
  .pigp-head,.pigp-tabs,#pigp-customers-tab,#pigp-products-tab,#pigp-history-tab,#pigp-settings-tab,.pigp-add,.pigp-del,.pigp-terms-toggle-wrap,.pigp-terms-actions,.pigp-modal{display:none!important}
  .pigp-invoice-tab{display:block!important;width:100%!important}
  .pigp-paper{width:194mm!important;max-width:194mm!important;min-width:194mm!important;box-sizing:border-box!important;margin:0 auto!important;padding:7mm!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important}
  .pigp-invoice-top{grid-template-columns:minmax(0,1fr) 58mm!important;gap:5mm!important;padding-bottom:5mm!important}
  .pigp-brand{min-height:0!important;font-size:9px!important;line-height:1.4!important}
  .pigp-brand img{max-width:42mm!important;max-height:18mm!important}
  .pigp-company-name{font-size:18px!important}
  .pigp-tagline{font-size:9px!important}
  .pigp-meta label{font-size:8px!important;margin:3px 0!important}
  .pigp-meta input,.pigp-meta select{font-size:9px!important;padding:5px!important;height:auto!important}
  .pigp-invoice-word{font-size:25px!important}
  .pigp-two{margin:4mm 0!important}
  .pigp-box{background:#fff!important;padding:3mm!important}
  .pigp-box-title{font-size:8px!important;margin-bottom:4px!important}
  .pigp-box input,.pigp-box textarea{font-size:9px!important;padding:5px!important;margin-bottom:3px!important}
  .pigp-table-scroll{overflow:visible!important;width:100%!important}
  .pigp-items{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:8px!important}
  .pigp-items th{padding:5px 3px!important;font-size:7px!important;white-space:normal!important}
  .pigp-items td{padding:3px 2px!important;font-size:8px!important;overflow:hidden!important}
  .pigp-items input{font-size:8px!important;padding:4px 2px!important;min-width:0!important;width:100%!important}
  .pigp-items .short{min-width:0!important;width:auto!important}
  .pigp-items .num{width:auto!important}
  .pigp-items th:nth-child(1),.pigp-items td:nth-child(1){width:5mm!important}
  .pigp-items th:nth-child(2),.pigp-items td:nth-child(2){width:48mm!important}
  .pigp-items th:nth-child(3),.pigp-items td:nth-child(3){width:16mm!important}
  .pigp-items th:nth-child(4),.pigp-items td:nth-child(4){width:13mm!important}
  .pigp-items th:nth-child(5),.pigp-items td:nth-child(5){width:23mm!important}
  .pigp-items th:nth-child(6),.pigp-items td:nth-child(6){width:14mm!important}
  .pigp-items th:nth-child(7),.pigp-items td:nth-child(7){width:14mm!important}
  .pigp-items th:nth-child(8),.pigp-items td:nth-child(8){width:25mm!important}
  .pigp-items th:nth-child(9),.pigp-items td:nth-child(9){width:6mm!important}
  .pigp-bottom{grid-template-columns:minmax(0,1fr) 63mm!important;gap:4mm!important;margin-top:5mm!important}
  .pigp-payment-card,.pigp-total-box{min-height:0!important;padding:3mm!important}
  .pigp-payment-card{font-size:8px!important}
  .pigp-qr{width:24mm!important;height:24mm!important}
  .bank-grid{font-size:8px!important}
  .pigp-total-box>div{padding:3px 1px!important;font-size:9px!important}
  .pigp-total-box .grand{font-size:14px!important;padding-top:7px!important}
  .pigp-amount-words{margin-top:4mm!important;padding:3mm!important;page-break-inside:avoid!important}
  .pigp-amount-words span{font-size:7px!important}
  .pigp-amount-words strong{font-size:9px!important}
  .pigp-terms-panel{display:block!important;background:#fff!important;border:0!important;padding:0!important;margin-top:4mm!important}
  .pigp-terms-panel[hidden]{display:none!important}
  .pigp-terms-panel-head .pigp-mini{display:none!important}
  .pigp-terms-panel textarea{font-size:8px!important;padding:3mm!important}
  .pigp-invoice-footer{font-size:8px!important;margin-top:4mm!important;padding-top:3mm!important}
  @page{size:A4 portrait;margin:8mm}
}


/* v5.4 company typography, colors and footer controls */
.pigp-app{--pigp-name-color:#111827;--pigp-details-color:#5d6879;--pigp-text-color:#172033;--pigp-text-bg:#fff;--pigp-footer-color:#64748b}
.pigp-paper{color:var(--pigp-text-color)}
.pigp-brand{color:var(--pigp-details-color)}
.pigp-company-name{color:var(--pigp-name-color)}
.pigp-invoice-footer{color:var(--pigp-footer-color)!important}
.pigp-brand,.pigp-meta,.pigp-two,.pigp-table-scroll,.pigp-bottom,.pigp-amount-words,.pigp-terms-panel,.pigp-signatory,.pigp-invoice-footer{background-color:var(--pigp-text-bg)}
.pigp-items td,.pigp-items th{background-color:var(--pigp-text-bg)}
@media print{.pigp-paper,.pigp-print-page-bg{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.pigp-brand,.pigp-meta,.pigp-two,.pigp-table-scroll,.pigp-bottom,.pigp-amount-words,.pigp-terms-panel,.pigp-signatory,.pigp-invoice-footer,.pigp-items td,.pigp-items th{background-color:transparent!important}}

/* v5.5 product rows are always solid black for clear printed invoices */
.pigp-items td,.pigp-items td input,.pigp-items td .amount{color:#000!important}
.pigp-items td input::placeholder{color:#000!important;opacity:.65}
.pigp-setting-signature{max-width:240px;max-height:100px;object-fit:contain}
.pigp-setting-section input[type=color]{height:44px;padding:4px;min-width:80px}
/* v5.3 professional invoice design */
.pigp-paper{position:relative;overflow:hidden}
.pigp-app.pigp-design-aqua .pigp-paper{
  background-image:var(--pigp-design-bg);
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100% 100%;
}
.pigp-print-page-bg,.pigp-print-running-header{display:none}
.pigp-signatory{display:flex;flex-direction:column;align-items:flex-end;min-height:76px;margin-top:22px;padding-right:8px;text-align:center;page-break-inside:avoid;break-inside:avoid}
.pigp-print-multipage .pigp-signatory{position:static;left:auto;right:auto;bottom:auto;margin-top:22px}
.pigp-signature-image-wrap{height:52px;min-width:150px;display:flex;align-items:flex-end;justify-content:center}
.pigp-signature-image-wrap img{max-width:150px;max-height:50px;object-fit:contain;display:block}
.pigp-signatory-line{min-width:155px;padding-top:7px;border-top:1px solid #334155;font-size:11px;font-weight:850;color:#172033}
.pigp-design-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pigp-design-radio{position:relative;display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:10px;border:2px solid #e7ebf0;border-radius:15px;background:#fff;cursor:pointer;transition:.2s}
.pigp-design-radio:hover,.pigp-design-radio.selected{border-color:var(--pigp-accent);box-shadow:0 10px 28px #0f172a10}
.pigp-design-radio input{position:absolute;opacity:0}
.pigp-design-radio .pigp-design-thumb{grid-row:1/3;width:110px;height:78px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #e7ebf0}
.pigp-design-thumb.aqua,.pigp-design-preview.aqua{background:linear-gradient(160deg,#fff4d8 0 26%,#b8dcd4 27% 35%,#fff 36% 78%,#b7ddd3 79% 100%);overflow:hidden}
.pigp-design-thumb.classic,.pigp-design-preview.classic{background:#fff;box-shadow:inset 0 0 0 1px #dce2eb}
.pigp-design-radio b,.pigp-design-radio small{align-self:center}.pigp-design-radio small{color:#718096;font-size:11px}
.pigp-design-card{width:min(720px,100%)}
.pigp-design-subtitle{margin:4px 0 16px;color:#718096;font-size:13px}
.pigp-design-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.pigp-design-option{display:grid;gap:7px;text-align:left;border:2px solid #e7ebf0;background:#fff;border-radius:16px;padding:12px;cursor:pointer;transition:.2s}
.pigp-design-option:hover,.pigp-design-option.selected{border-color:var(--pigp-accent);transform:translateY(-2px);box-shadow:0 12px 28px #0f172a12}
.pigp-design-preview{display:block;width:100%;height:180px;border-radius:11px}
.pigp-design-option strong{font-size:15px}.pigp-design-option small{color:#718096}
@media(max-width:620px){.pigp-design-setting-grid,.pigp-design-options{grid-template-columns:1fr}.pigp-design-preview{height:140px}}

@media print{
  html,body{width:210mm!important;min-width:210mm!important;margin:0!important;padding:0!important;background:transparent!important}
  @page{size:A4 portrait;margin:31mm 8mm 12mm 8mm}
  body *{visibility:hidden!important}
  .pigp-app,.pigp-app *{visibility:visible!important}
  .pigp-app{position:static!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}
  .pigp-print-page-bg{display:block!important;position:fixed!important;inset:0!important;z-index:0!important;background-image:none!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;pointer-events:none!important}
  .pigp-app.pigp-design-aqua .pigp-print-page-bg{background-image:var(--pigp-design-bg)!important}
  .pigp-head,.pigp-tabs,#pigp-customers-tab,#pigp-products-tab,#pigp-history-tab,#pigp-settings-tab,.pigp-add,.pigp-del,.pigp-terms-toggle-wrap,.pigp-terms-actions,.pigp-modal,.pigp-invoice-top{display:none!important}
  .pigp-invoice-tab{display:block!important;width:100%!important;position:relative!important;z-index:1!important}
  .pigp-paper{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;position:relative!important;z-index:1!important}
  .pigp-paper *{border-color:transparent!important}
  .pigp-print-running-header{display:flex!important;position:fixed!important;z-index:5!important;top:3mm!important;left:8mm!important;right:8mm!important;height:24mm!important;box-sizing:border-box!important;align-items:center!important;justify-content:space-between!important;gap:8mm!important;padding:2mm 0!important;background:transparent!important}
  .pigp-print-running-brand{display:flex!important;align-items:center!important;gap:3mm!important;min-width:0!important}
  .pigp-print-running-logo{width:25mm!important;height:16mm!important;display:flex!important;align-items:center!important}
  .pigp-print-running-logo img{max-width:25mm!important;max-height:16mm!important;object-fit:contain!important}
  .pigp-print-running-brand>div:last-child{display:flex!important;flex-direction:column!important;font-size:7.5pt!important;line-height:1.22!important;color:#334155!important}
  .pigp-print-running-brand strong{font-size:13pt!important;color:#111827!important;line-height:1.1!important}
  .pigp-print-running-meta{display:flex!important;flex-direction:column!important;align-items:flex-end!important;text-align:right!important;font-size:7.5pt!important;line-height:1.3!important;color:#334155!important}
  .pigp-print-running-meta>b{font-size:18pt!important;letter-spacing:1px!important;color:var(--pigp-accent)!important;margin-bottom:1mm!important}
  .pigp-two{display:grid!important;grid-template-columns:1fr!important;margin:0 0 4mm!important}
  .pigp-box{background:transparent!important;padding:2mm!important;border:0!important;border-radius:0!important}
  .pigp-box-title{font-size:8pt!important;margin-bottom:2mm!important;color:#475569!important}
  .pigp-box input,.pigp-box textarea{font-size:8.5pt!important;padding:0!important;margin:0 0 1.5mm!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;outline:0!important}
  .pigp-table-scroll{overflow:visible!important;width:100%!important}
  .pigp-items{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:8pt!important;border-collapse:collapse!important}
  .pigp-items thead{display:table-header-group!important}
  .pigp-items th{padding:2.5mm 1.5mm!important;font-size:7pt!important;background:#edf7f5!important;color:#334155!important;border:0!important}
  .pigp-items td{padding:1.7mm 1.5mm!important;font-size:8pt!important;border:0!important;border-bottom:0!important;overflow:hidden!important}
  .pigp-items tr{page-break-inside:avoid!important}
  .pigp-items input{font-size:8pt!important;padding:0!important;min-width:0!important;width:100%!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;border-radius:0!important}
  .pigp-items .short{min-width:0!important;width:auto!important}
  .pigp-items .num{width:auto!important}
  .pigp-items th:nth-child(1),.pigp-items td:nth-child(1){width:5mm!important}
  .pigp-items th:nth-child(2),.pigp-items td:nth-child(2){width:48mm!important}
  .pigp-items th:nth-child(3),.pigp-items td:nth-child(3){width:16mm!important}
  .pigp-items th:nth-child(4),.pigp-items td:nth-child(4){width:13mm!important}
  .pigp-items th:nth-child(5),.pigp-items td:nth-child(5){width:23mm!important}
  .pigp-items th:nth-child(6),.pigp-items td:nth-child(6){width:14mm!important}
  .pigp-items th:nth-child(7),.pigp-items td:nth-child(7){width:14mm!important}
  .pigp-items th:nth-child(8),.pigp-items td:nth-child(8){width:25mm!important}
  .pigp-items th:nth-child(9),.pigp-items td:nth-child(9){display:none!important}
  .pigp-bottom{grid-template-columns:minmax(0,1fr) 63mm!important;gap:4mm!important;margin-top:5mm!important}
  .pigp-payment-card,.pigp-total-box{min-height:0!important;padding:3mm!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .pigp-payment-card{font-size:8pt!important}
  .pigp-qr{width:24mm!important;height:24mm!important;border:0!important;box-shadow:none!important}
  .bank-grid{font-size:8pt!important}
  .pigp-total-box>div{padding:2mm 0!important;font-size:8.5pt!important}
  .pigp-total-box .grand{font-size:13pt!important;padding-top:3mm!important;border-top:0!important}
  .pigp-amount-words{margin-top:4mm!important;padding:3mm 0!important;page-break-inside:avoid!important;background:transparent!important;border:0!important}
  .pigp-amount-words span{font-size:7pt!important}
  .pigp-amount-words strong{font-size:8.5pt!important}
  .pigp-terms-panel{display:block!important;background:transparent!important;border:0!important;padding:0!important;margin-top:4mm!important}
  .pigp-terms-panel[hidden]{display:none!important}
  .pigp-terms-panel-head .pigp-mini{display:none!important}
  .pigp-terms-panel textarea{font-size:8pt!important;padding:0!important;border:0!important;background:transparent!important;resize:none!important}
  .pigp-signatory{min-height:24mm!important;margin-top:5mm!important;padding-right:2mm!important;page-break-inside:avoid!important;break-inside:avoid!important}
  .pigp-print-multipage .pigp-signatory{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:5mm!important}
  .pigp-signature-image-wrap{height:14mm!important;min-width:38mm!important}
  .pigp-signature-image-wrap img{max-width:38mm!important;max-height:13mm!important}
  .pigp-signatory-line{min-width:40mm!important;padding-top:2mm!important;border-top:1px solid #334155!important;font-size:8pt!important}
  .pigp-invoice-footer{font-size:7.5pt!important;margin-top:4mm!important;padding-top:2mm!important;border-top:0!important;color:#64748b!important}
}

/* v5.6 invoice UI and print improvements */
.pigp-modal-x{background:#111827!important;color:#fff!important;font-weight:900;line-height:1}
.pigp-modal-card{max-height:90vh;overflow:auto}
.pigp-table button,.pigp-mini{color:#111827!important}
@media print{
 .pigp-paper{page-break-inside:auto!important}
 .pigp-paper *{page-break-inside:avoid}
 .pigp-brand{break-after:avoid}
 .pigp-invoice-top{position:relative!important}
 .pigp-table-scroll{overflow:visible!important}
 body{margin:0!important}
}

/* v5.7 multi-shop + colorful UI */
.pigp-shop-select-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;margin:0 0 16px;border-radius:18px;background:linear-gradient(135deg,#f5f3ff,#ecfeff);border:1px solid #ddd6fe;box-shadow:0 12px 30px #0f172a10}
.pigp-shop-select-bar>div{display:flex;align-items:center;gap:11px}.pigp-shop-select-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;box-shadow:0 8px 20px #0f172a12;font-size:20px}
.pigp-shop-select-bar b{display:block;font-size:14px;color:#1e293b}.pigp-shop-select-bar small{display:block;color:#64748b;margin-top:2px}
#pigp-shop-select{min-width:240px;border:1px solid #c4b5fd;border-radius:12px;background:#fff;padding:11px 13px;font-weight:800;color:#312e81;outline:none;box-shadow:0 7px 18px #7c3aed18}
.pigp-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pigp-shop-card{position:relative;display:grid;grid-template-columns:74px 1fr;gap:14px;padding:18px;border:1px solid #e2e8f0;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 16px 36px #0f172a10;transition:.25s}.pigp-shop-card:hover{transform:translateY(-4px);box-shadow:0 22px 45px #0f172a18}
.pigp-shop-card-logo{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ede9fe,#cffafe);font-size:28px;overflow:hidden}.pigp-shop-card-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.pigp-shop-card-main h3{margin:0 0 6px;font-size:21px;color:#172033}.pigp-shop-card-main p{margin:3px 0;color:#64748b;font-size:12px;word-break:break-word}.pigp-shop-card-actions{grid-column:1/-1;display:flex;gap:8px;padding-top:6px;border-top:1px dashed #dbe3ee}.pigp-shop-card-actions .pigp-mini{transition:.2s}.pigp-shop-card-actions .pigp-mini:hover{transform:translateY(-2px)}
.pigp-empty-card{padding:30px;text-align:center;border:2px dashed #cbd5e1;border-radius:18px;color:#64748b}.pigp-shop-settings-note{margin-top:18px;padding:13px 16px;border-radius:14px;background:#f8fafc;color:#64748b;font-size:12px}
.pigp-form-single{grid-template-columns:1fr!important}.pigp-shop-modal-card{width:min(720px,100%)}.pigp-shop-form{display:grid;gap:12px}.pigp-shop-form>label,.pigp-shop-two label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:850;color:#334155}.pigp-shop-form input,.pigp-shop-form textarea,.pigp-shop-form select{width:100%;box-sizing:border-box}.pigp-shop-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pigp-shop-form h3{margin:0;color:#312e81}.pigp-shop-form .pigp-setting-section{margin-top:4px;padding:15px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.pigp-shop-form .pigp-setting-section h3{font-size:14px;margin-bottom:10px}
.pigp-pdf{background:#e0f2fe!important;color:#075985!important}.pigp-pdf:hover{background:#bae6fd!important}
.pigp-animated-btn{position:relative;overflow:hidden}.pigp-ripple{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff8;transform:translate(-50%,-50%);animation:pigpRipple .65s ease-out;pointer-events:none}@keyframes pigpRipple{from{box-shadow:0 0 0 0 #fff8;opacity:1}to{box-shadow:0 0 0 80px #fff0;opacity:0}}
.pigp-btn,.pigp-mini,.pigp-add,.pigp-tabs button{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.pigp-btn:hover,.pigp-mini:hover,.pigp-add:hover,.pigp-tabs button:hover{filter:saturate(1.08)}
@media(max-width:760px){.pigp-shop-grid{grid-template-columns:1fr}.pigp-shop-select-bar{align-items:stretch;flex-direction:column}#pigp-shop-select{width:100%}.pigp-shop-two{grid-template-columns:1fr}}
@media print{
  @page{margin:10mm 8mm 12mm 8mm}
  .pigp-print-running-header{display:none!important}
  .pigp-invoice-top{display:flex!important;break-after:avoid!important;page-break-after:avoid!important}
  .pigp-shop-select-bar{display:none!important}
}

/* v5.8 Professional invoice design pack */
.pigp-design-option{position:relative;overflow:hidden}
.pigp-design-option::after{content:'✓';position:absolute;right:12px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0f172a;font-weight:900;opacity:0;transform:scale(.5);transition:.22s}
.pigp-design-option.selected::after{opacity:1;transform:scale(1)}
.pigp-design-preview{position:relative!important;overflow:hidden;border:1px solid #e2e8f0;box-shadow:inset 0 0 0 1px #ffffff80!important}
.pigp-design-preview i{position:absolute;left:0;right:0;top:0;height:30%;display:block}
.pigp-design-preview b{position:absolute;right:12px;top:13px;font-size:14px;color:#fff;letter-spacing:1px}
.pigp-design-preview em{position:absolute;left:14px;top:16px;font-style:normal;font-weight:900;font-size:11px;color:#fff}
.pigp-design-preview small{position:absolute;left:14px;right:14px;bottom:15px;color:#475569;font-size:9px}
.pigp-design-preview.royal{background:linear-gradient(#f5f7fb 0 100%)}.pigp-design-preview.royal i{background:linear-gradient(90deg,#0f2747 0 78%,#d6a64f 78%)}
.pigp-design-preview.emerald{background:#eff8f3}.pigp-design-preview.emerald i{background:linear-gradient(90deg,#0f5132 0 82%,#d4af37 82%)}
.pigp-design-preview.executive{background:#f3f5f6}.pigp-design-preview.executive i{background:linear-gradient(90deg,#263238 0 82%,#c77c40 82%)}
.pigp-design-preview.minimal{background:#fbfaf7}.pigp-design-preview.minimal i{height:26%;background:#1f2937}.pigp-design-preview.minimal b{color:#fff}.pigp-design-preview.minimal em{color:#fff}.pigp-design-preview.minimal::before{content:'';position:absolute;left:14px;right:14px;top:31%;height:3px;background:#b59b5a}
.pigp-design-preview.sunset{background:#fff4f0}.pigp-design-preview.sunset i{background:linear-gradient(90deg,#8f2d2d 0 65%,#e76f51 65%)}

.pigp-app.pigp-design-royal .pigp-paper{background:linear-gradient(180deg,#f8fafc 0,#fff 18%,#fff 100%);border-top:6px solid #0f2747}
.pigp-app.pigp-design-royal .pigp-invoice-top{border-bottom:2px solid #d6a64f}
.pigp-app.pigp-design-royal .pigp-invoice-word{color:#0f2747}
.pigp-app.pigp-design-royal .pigp-box,.pigp-app.pigp-design-royal .pigp-payment-card{background:#f3f6fa;border-color:#dce4ee}
.pigp-app.pigp-design-royal .pigp-items th{background:#0f2747;color:#fff}
.pigp-app.pigp-design-royal .pigp-total-box{background:#f3f6fa;border-color:#dce4ee}.pigp-app.pigp-design-royal .pigp-total-box .grand{background:#0f2747;color:#fff}

.pigp-app.pigp-design-emerald .pigp-paper{background:linear-gradient(180deg,#f5fbf7 0,#fff 18%,#fff 100%);border-top:6px solid #0f5132}
.pigp-app.pigp-design-emerald .pigp-invoice-top{border-bottom:2px solid #d4af37}.pigp-app.pigp-design-emerald .pigp-invoice-word{color:#0f5132}
.pigp-app.pigp-design-emerald .pigp-box,.pigp-app.pigp-design-emerald .pigp-payment-card{background:#eff8f3;border-color:#d8ebe0}
.pigp-app.pigp-design-emerald .pigp-items th{background:#0f5132;color:#fff}.pigp-app.pigp-design-emerald .pigp-total-box{background:#eff8f3;border-color:#d8ebe0}.pigp-app.pigp-design-emerald .pigp-total-box .grand{background:#0f5132;color:#fff}

.pigp-app.pigp-design-executive .pigp-paper{background:linear-gradient(180deg,#f7f8f9 0,#fff 18%,#fff 100%);border-top:6px solid #263238}
.pigp-app.pigp-design-executive .pigp-invoice-top{border-bottom:2px solid #c77c40}.pigp-app.pigp-design-executive .pigp-invoice-word{color:#263238}
.pigp-app.pigp-design-executive .pigp-box,.pigp-app.pigp-design-executive .pigp-payment-card{background:#f3f5f6;border-color:#dce2e5}
.pigp-app.pigp-design-executive .pigp-items th{background:#263238;color:#fff}.pigp-app.pigp-design-executive .pigp-total-box{background:#f3f5f6;border-color:#dce2e5}.pigp-app.pigp-design-executive .pigp-total-box .grand{background:#263238;color:#fff}

.pigp-app.pigp-design-minimal .pigp-paper{background:#fffdf8;border-top:5px solid #1f2937}
.pigp-app.pigp-design-minimal .pigp-invoice-top{border-bottom:2px solid #b59b5a}.pigp-app.pigp-design-minimal .pigp-invoice-word{color:#1f2937}
.pigp-app.pigp-design-minimal .pigp-box,.pigp-app.pigp-design-minimal .pigp-payment-card{background:#fbfaf7;border-color:#e9e4d8}
.pigp-app.pigp-design-minimal .pigp-items th{background:#1f2937;color:#fff}.pigp-app.pigp-design-minimal .pigp-total-box{background:#fbfaf7;border-color:#e9e4d8}.pigp-app.pigp-design-minimal .pigp-total-box .grand{background:#1f2937;color:#fff}

.pigp-app.pigp-design-sunset .pigp-paper{background:linear-gradient(180deg,#fff8f5 0,#fff 18%,#fff 100%);border-top:6px solid #8f2d2d}
.pigp-app.pigp-design-sunset .pigp-invoice-top{border-bottom:2px solid #e76f51}.pigp-app.pigp-design-sunset .pigp-invoice-word{color:#8f2d2d}
.pigp-app.pigp-design-sunset .pigp-box,.pigp-app.pigp-design-sunset .pigp-payment-card{background:#fff4f0;border-color:#f4d7cf}
.pigp-app.pigp-design-sunset .pigp-items th{background:#8f2d2d;color:#fff}.pigp-app.pigp-design-sunset .pigp-total-box{background:#fff4f0;border-color:#f4d7cf}.pigp-app.pigp-design-sunset .pigp-total-box .grand{background:#8f2d2d;color:#fff}

/* Strong click feedback for every action button */
.pigp-btn,.pigp-mini,.pigp-add,.pigp-tabs button,.pigp-terms-toggle,.pigp-design-option{will-change:transform;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,filter .18s ease,background .18s ease,border-color .18s ease}
.pigp-btn:hover,.pigp-mini:hover,.pigp-add:hover,.pigp-tabs button:hover,.pigp-terms-toggle:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.13);filter:saturate(1.08)}
.pigp-btn:active,.pigp-mini:active,.pigp-add:active,.pigp-tabs button:active,.pigp-terms-toggle:active,.pigp-design-option:active{transform:translateY(1px) scale(.97);box-shadow:0 4px 10px rgba(15,23,42,.12);filter:brightness(.98)}
.pigp-animated-btn:active{animation:pigpButtonPop .22s ease-out}@keyframes pigpButtonPop{0%{transform:scale(1)}50%{transform:scale(.94)}100%{transform:scale(1)}}
.pigp-ripple{background:rgba(255,255,255,.42)!important}

@media print{
  .pigp-app.pigp-design-royal .pigp-print-page-bg{background:linear-gradient(180deg,#f3f6fa 0,#fff 16%,#fff 100%)!important}
  .pigp-app.pigp-design-emerald .pigp-print-page-bg{background:linear-gradient(180deg,#eff8f3 0,#fff 16%,#fff 100%)!important}
  .pigp-app.pigp-design-executive .pigp-print-page-bg{background:linear-gradient(180deg,#f3f5f6 0,#fff 16%,#fff 100%)!important}
  .pigp-app.pigp-design-minimal .pigp-print-page-bg{background:#fffdf8!important}
  .pigp-app.pigp-design-sunset .pigp-print-page-bg{background:linear-gradient(180deg,#fff4f0 0,#fff 16%,#fff 100%)!important}
  .pigp-app.pigp-design-royal .pigp-paper{border-top:6px solid #0f2747!important}
  .pigp-app.pigp-design-emerald .pigp-paper{border-top:6px solid #0f5132!important}
  .pigp-app.pigp-design-executive .pigp-paper{border-top:6px solid #263238!important}
  .pigp-app.pigp-design-minimal .pigp-paper{border-top:5px solid #1f2937!important}
  .pigp-app.pigp-design-sunset .pigp-paper{border-top:6px solid #8f2d2d!important}
}


/* v5.9 professional UI polish */
.pigp-invoice-top{position:relative;align-items:stretch;padding:24px 0 22px;border-bottom:0;}
.pigp-invoice-top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--pigp-accent),#d6a64f,transparent);opacity:.9}
.pigp-brand{padding:4px 8px 4px 0}
.pigp-company-name{letter-spacing:-.7px;font-size:31px;line-height:1.05}
.pigp-meta{justify-self:end;width:100%;max-width:350px;padding:18px 20px;border-radius:20px;background:linear-gradient(145deg,#ffffff,#f7f9fc);border:1px solid #e2e8f0;box-shadow:0 18px 40px #0f172a12;text-align:right;position:relative;overflow:hidden}
.pigp-meta:before{content:"";position:absolute;right:-35px;top:-45px;width:120px;height:120px;border-radius:50%;background:var(--pigp-accent);opacity:.08}
.pigp-meta label{position:relative;z-index:1;text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#64748b;font-weight:900}
.pigp-meta input,.pigp-meta select{text-align:right;font-weight:800;border-color:#dbe3ee;background:#fff;border-radius:11px;box-shadow:0 4px 12px #0f172a08}
.pigp-invoice-word{position:relative;z-index:1;text-align:right;font-size:34px;line-height:1;margin-bottom:12px}
.pigp-date-grid{position:relative;z-index:1;gap:9px}
.pigp-date-grid input,.pigp-date-grid select{text-align:right}
.pigp-two{margin-top:20px}
.pigp-box{border:1px solid #e1e7ef;box-shadow:0 12px 30px #0f172a08;border-radius:18px;background:linear-gradient(145deg,#fff,#fbfcfe)}
.pigp-box-title{letter-spacing:1.2px;font-size:10px;color:var(--pigp-accent);font-weight:950}
.pigp-items{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 12px 30px #0f172a08}
.pigp-items thead th{background:linear-gradient(90deg,#172033,#263852);color:#fff;border-bottom:0;padding:13px 9px}
.pigp-items tbody tr{transition:.2s ease}
.pigp-items tbody tr:hover{background:#f8fafc}
.pigp-items td{border-bottom:1px solid #edf1f5;padding:10px 9px}
.pigp-total-box{border-radius:18px;border:1px solid #dbe4ef;box-shadow:0 14px 32px #0f172a0c;overflow:hidden}
.pigp-total-box .grand{background:linear-gradient(135deg,#172033,var(--pigp-accent));color:#fff;border-radius:12px;margin-top:8px;padding:14px!important}
.pigp-payment-card{border-radius:18px;border:1px solid #dbe4ef;box-shadow:0 14px 32px #0f172a08}

/* Professional customer/product modal */
.pigp-modal{background:linear-gradient(135deg,#0f172ab8,#312e81a8);backdrop-filter:blur(7px);animation:pigpModalIn .22s ease}
.pigp-data-modal-card{width:min(560px,100%);padding:0!important;overflow:hidden;border-radius:24px!important;border:1px solid #ffffff80!important;box-shadow:0 35px 100px #0006!important;animation:pigpCardIn .28s cubic-bezier(.2,.8,.2,1)}
.pigp-modal-hero{position:relative;display:flex;align-items:center;gap:13px;padding:22px 24px;background:linear-gradient(135deg,#172033,#4338ca 62%,#7c3aed);color:#fff;overflow:hidden}
.pigp-modal-hero:after{content:"";position:absolute;right:-55px;top:-70px;width:190px;height:190px;border-radius:50%;background:#fff;opacity:.08}
.pigp-modal-hero-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#ffffff1c;border:1px solid #ffffff30;font-size:23px;position:relative;z-index:1}
.pigp-modal-kicker{font-size:9px;letter-spacing:2px;font-weight:950;opacity:.75;position:relative;z-index:1}
.pigp-modal-hero h3{margin:2px 0 2px!important;font-size:21px;color:#fff;position:relative;z-index:1}
.pigp-modal-hero p{margin:0;color:#dbeafe;font-size:11px;position:relative;z-index:1}
.pigp-modal-x-light{background:#ffffff1c!important;color:#fff!important;border:1px solid #ffffff2e!important;position:absolute;right:18px;top:18px;z-index:3}
.pigp-data-modal-card form{padding:22px 24px 24px}
.pigp-professional-fields{gap:13px}
.pigp-professional-fields label{display:flex;flex-direction:column;gap:7px;padding:2px}
.pigp-field-title{display:flex;align-items:center;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.65px;font-weight:950;color:#334155}
.pigp-field-title i{font-style:normal;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f1f5ff;color:#4338ca;font-size:12px}
.pigp-professional-fields input,.pigp-professional-fields textarea{width:100%;box-sizing:border-box;border:1px solid #d9e1eb!important;background:#f8fafc!important;border-radius:12px!important;padding:12px 13px!important;font-size:13px!important;color:#172033!important;outline:none;transition:.2s!important;box-shadow:inset 0 1px 2px #0f172a06!important}
.pigp-professional-fields input:focus,.pigp-professional-fields textarea:focus{border-color:#7c3aed!important;background:#fff!important;box-shadow:0 0 0 4px #7c3aed14,0 8px 20px #0f172a0a!important;transform:translateY(-1px)}
.pigp-professional-fields textarea{resize:vertical;min-height:92px}
.pigp-modal-actions-pro{padding-top:16px!important;margin-top:8px!important;border-top:1px solid #edf1f5}

/* Professional Add Shop popup */
.pigp-shop-modal-card{border-radius:24px!important;box-shadow:0 35px 100px #0006!important;border:1px solid #ffffff80!important;padding:0!important;overflow:hidden}
.pigp-shop-modal-card>.pigp-modal-top{padding:22px 24px;background:linear-gradient(135deg,#172033,#0f5132 62%,#0ea5a4);color:#fff}
.pigp-shop-modal-card>.pigp-modal-top h3{color:#fff;margin:0 0 3px!important;font-size:22px}
.pigp-shop-modal-card>.pigp-modal-top .pigp-design-subtitle{color:#d1fae5;margin:0!important;font-size:11px}
.pigp-shop-modal-card>form{padding:22px 24px 24px}
.pigp-shop-form>label,.pigp-shop-two label{background:#f8fafc;border:1px solid #e4eaf1;border-radius:14px;padding:12px;transition:.2s}
.pigp-shop-form>label:focus-within,.pigp-shop-two label:focus-within{border-color:#0ea5a4;box-shadow:0 0 0 4px #0ea5a414;background:#fff}
.pigp-shop-form input,.pigp-shop-form textarea,.pigp-shop-form select{border:1px solid #d9e1eb!important;border-radius:11px!important;padding:11px 12px!important;background:#fff!important}
.pigp-shop-form .pigp-setting-section{border-radius:16px;background:linear-gradient(145deg,#f8fafc,#f0fdfa);border-color:#dce8e8}

.pigp-btn,.pigp-mini,.pigp-add,.pigp-tabs button{position:relative;overflow:hidden;will-change:transform;box-shadow:0 5px 14px #0f172a0d}
.pigp-btn:active,.pigp-mini:active,.pigp-add:active,.pigp-tabs button:active{transform:translateY(2px) scale(.97)!important;box-shadow:0 2px 6px #0f172a18!important}
.pigp-btn:hover,.pigp-mini:hover,.pigp-add:hover{transform:translateY(-2px)}
@keyframes pigpModalIn{from{opacity:0}to{opacity:1}}
@keyframes pigpCardIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:850px){.pigp-meta{justify-self:stretch;max-width:none}.pigp-invoice-word{text-align:right}.pigp-date-grid{grid-template-columns:1fr 1fr}}
@media print{.pigp-meta{box-shadow:none!important;background:#fff!important;border:1px solid #dbe3ee!important}.pigp-meta input,.pigp-meta select{background:#fff!important}.pigp-items{box-shadow:none!important}.pigp-total-box,.pigp-payment-card{box-shadow:none!important}}

/* v6.0 professional confirmation + scrollable shop dialog */
.pigp-confirm-card{width:min(500px,100%);padding:28px!important;position:relative;display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;border-radius:26px!important;animation:pigpCardIn .28s cubic-bezier(.2,.8,.2,1)}
.pigp-confirm-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#ede9fe);font-size:27px;box-shadow:0 10px 28px #4338ca18}
.pigp-confirm-icon.danger{background:linear-gradient(135deg,#fff1f2,#fee2e2);box-shadow:0 10px 28px #dc262618}
.pigp-confirm-copy h3{margin:3px 0 7px!important;font-size:22px;color:#111827}
.pigp-confirm-copy p{margin:0;color:#64748b;font-size:13px;line-height:1.65}
.pigp-confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:17px;border-top:1px solid #edf1f5;margin-top:4px}
.pigp-danger-btn{background:linear-gradient(135deg,#dc2626,#ef4444)!important;color:#fff!important;border:0!important}
.pigp-shop-modal-card{max-height:90vh!important;overflow:hidden!important}
.pigp-shop-modal-card>form{max-height:calc(90vh - 88px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#94a3b8 #eef2f7}
.pigp-shop-modal-card>form::-webkit-scrollbar{width:9px}.pigp-shop-modal-card>form::-webkit-scrollbar-track{background:#f1f5f9}.pigp-shop-modal-card>form::-webkit-scrollbar-thumb{background:linear-gradient(#64748b,#0ea5a4);border-radius:99px;border:2px solid #f1f5f9}
.pigp-invoice-number-settings{margin:0 0 12px}.pigp-invoice-number-settings label{background:linear-gradient(145deg,#f8fafc,#eef6ff)!important}
.pigp-shop-sequence{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:8px;background:#eef2ff;color:#4338ca!important;font-size:11px!important}
.pigp-meta{justify-self:end;text-align:right}.pigp-meta .pigp-invoice-word{text-align:right}.pigp-meta label{text-align:right}.pigp-meta input,.pigp-meta select{text-align:right}
.pigp-meta .pigp-date-grid{direction:ltr}.pigp-meta .pigp-date-grid label{text-align:right}
@media(max-width:850px){.pigp-confirm-card{grid-template-columns:52px 1fr}.pigp-meta{justify-self:stretch;text-align:right}.pigp-meta input,.pigp-meta select{width:100%}}

/* v6.1 — Six new colourful professional invoice designs */
.pigp-design-preview.ocean{background:#eefbfb}
.pigp-design-preview.ocean i{background:linear-gradient(90deg,#075985 0 72%,#14b8a6 72%)}
.pigp-design-preview.ocean b{color:#fff}
.pigp-design-preview.ocean em{color:#fff}

.pigp-app.pigp-design-ocean .pigp-paper{background:linear-gradient(180deg,#effbfb 0,#fff 18%,#fff 100%);border-top:6px solid #075985}
.pigp-app.pigp-design-ocean .pigp-invoice-top{border-bottom:2px solid #14b8a6}
.pigp-app.pigp-design-ocean .pigp-invoice-word{color:#075985}
.pigp-app.pigp-design-ocean .pigp-box,
.pigp-app.pigp-design-ocean .pigp-payment-card{background:#effbfb;border-color:#cdeceb}
.pigp-app.pigp-design-ocean .pigp-items th{background:#075985;color:#fff}
.pigp-app.pigp-design-ocean .pigp-total-box{background:#effbfb;border-color:#cdeceb}
.pigp-app.pigp-design-ocean .pigp-total-box .grand{background:linear-gradient(135deg,#075985,#0f766e);color:#fff}

@media print{
  /* Keep the selected invoice design visible on paper/PDF. */
  .pigp-app,.pigp-paper,.pigp-items,.pigp-box,.pigp-payment-card,.pigp-total-box{
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }

  /* Do not print the Create Invoice controls for Document and Tax Mode. */
  .pigp-meta > .pigp-date-grid:last-child{
    display:none!important;
  }

  /* Invoice number/date/time stay in the same compact position as the screen.
     Remove the surrounding card/box appearance only in print. */
  .pigp-meta{
    width:100%!important;
    max-width:350px!important;
    box-sizing:border-box!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    justify-self:end!important;
  }
  .pigp-meta:before{display:none!important}
  .pigp-meta .pigp-invoice-word{
    margin-bottom:10px!important;
  }
  .pigp-meta label{
    margin:5px 0!important;
  }
  .pigp-meta input,
  .pigp-meta select{
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    padding:2px 0!important;
    outline:0!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }
  .pigp-meta .pigp-date-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  /* Hide only the editor controls, never the invoice information. */
  .pigp-shop-select-bar,
  .pigp-tabs,
  .pigp-head,
  .pigp-head-actions,
  .pigp-add,
  .pigp-terms-toggle-wrap,
  .pigp-terms-actions,
  .pigp-del,
  .pigp-items th:last-child,
  .pigp-items td:last-child{
    display:none!important;
  }

  /* Ocean Teal print theme */
  .pigp-app.pigp-design-ocean .pigp-paper{
    background:linear-gradient(180deg,#effbfb 0,#fff 18%,#fff 100%)!important;
    border-top:6px solid #075985!important;
  }
  .pigp-app.pigp-design-ocean .pigp-invoice-top{border-bottom:2px solid #14b8a6!important}
  .pigp-app.pigp-design-ocean .pigp-invoice-word{color:#075985!important}
  .pigp-app.pigp-design-ocean .pigp-items th{background:#075985!important;color:#fff!important}
  .pigp-app.pigp-design-ocean .pigp-total-box .grand{background:linear-gradient(135deg,#075985,#0f766e)!important;color:#fff!important}
}


/* v6.2 — Print correction + distinctive six-design system */
.pigp-design-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.pigp-design-option{min-height:245px!important;border:1px solid #e2e8f0!important;border-radius:20px!important;background:#fff!important;padding:12px!important}
.pigp-design-option.selected{border-color:#0f766e!important;box-shadow:0 14px 34px rgba(15,118,110,.16)!important;transform:translateY(-2px)}
.pigp-design-preview{height:145px!important;border-radius:15px!important;overflow:hidden!important;position:relative!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08),0 8px 18px rgba(15,23,42,.08)!important}
.pigp-design-preview i{top:0!important;left:0!important;right:0!important;height:38%!important;border-radius:0!important}
.pigp-design-preview b{top:22px!important;right:14px!important;left:auto!important;font-size:16px!important;letter-spacing:1.2px!important}
.pigp-design-preview em{top:54px!important;left:14px!important;font-size:10px!important}
.pigp-design-preview small{bottom:13px!important}

/* Aurora Royal */
.pigp-design-preview.royal{background:linear-gradient(145deg,#f7f9fc,#fff 55%,#f4efe3)}
.pigp-design-preview.royal i{background:linear-gradient(120deg,#0b2342 0%,#173d68 68%,#d6a64f 68%,#f2cf7a 100%)}
.pigp-design-preview.royal:after{content:'';position:absolute;right:-18px;top:-22px;width:85px;height:85px;border-radius:50%;background:radial-gradient(circle,#fff7 0 25%,#d6a64f55 26% 45%,transparent 46%)}
.pigp-app.pigp-design-royal .pigp-paper{background:linear-gradient(145deg,#f8fbff 0%,#fff 34%,#fffaf0 100%)}
.pigp-app.pigp-design-royal .pigp-invoice-top:after{background:linear-gradient(90deg,#0f2747,#d6a64f,#7dd3fc)}

/* Emerald Frame */
.pigp-design-preview.emerald{background:linear-gradient(135deg,#effaf4,#fff)}
.pigp-design-preview.emerald i{background:linear-gradient(90deg,#064e3b 0 82%,#d4af37 82%)}
.pigp-design-preview.emerald:after{content:'';position:absolute;inset:50px 12px 12px;border:2px solid #d4af37;border-radius:10px;opacity:.65}
.pigp-app.pigp-design-emerald .pigp-paper{background:linear-gradient(135deg,#f1fbf6,#fff 42%,#f9fffb)}
.pigp-app.pigp-design-emerald .pigp-invoice-top:after{background:linear-gradient(90deg,#0f5132,#d4af37,#34d399)}

/* Midnight Luxe */
.pigp-design-preview.executive{background:linear-gradient(135deg,#eef1f3,#fff)}
.pigp-design-preview.executive i{background:linear-gradient(120deg,#111827,#263238 72%,#c77c40 72%)}
.pigp-design-preview.executive:after{content:'';position:absolute;left:0;bottom:0;width:55%;height:5px;background:#c77c40}
.pigp-app.pigp-design-executive .pigp-paper{background:linear-gradient(180deg,#f2f5f6 0,#fff 30%,#fff 100%)}
.pigp-app.pigp-design-executive .pigp-invoice-top:after{background:linear-gradient(90deg,#263238,#c77c40,transparent)}

/* Ivory Editorial */
.pigp-design-preview.minimal{background:#fffdf7}
.pigp-design-preview.minimal i{background:linear-gradient(90deg,#1f2937,#374151);height:30%!important}
.pigp-design-preview.minimal:before{content:'';position:absolute;left:14px;top:48%;width:5px;height:38%;background:linear-gradient(#b59b5a,#e4c77b);border-radius:5px}
.pigp-app.pigp-design-minimal .pigp-paper{background:linear-gradient(180deg,#fffdf7 0,#fff 35%,#fff 100%)}
.pigp-app.pigp-design-minimal .pigp-invoice-top:after{background:linear-gradient(90deg,#b59b5a,#1f2937,transparent)}

/* Sunset Ribbon */
.pigp-design-preview.sunset{background:linear-gradient(135deg,#fff7f3,#fff)}
.pigp-design-preview.sunset i{background:linear-gradient(90deg,#7f1d1d,#a83232 60%,#f07c5d 60%)}
.pigp-design-preview.sunset:after{content:'';position:absolute;left:0;top:42%;width:75%;height:24px;background:linear-gradient(90deg,#e76f51,#f9b08e);transform:skewX(-18deg);transform-origin:left center;opacity:.8}
.pigp-app.pigp-design-sunset .pigp-paper{background:linear-gradient(145deg,#fff7f3,#fff 38%,#fff 100%)}
.pigp-app.pigp-design-sunset .pigp-invoice-top:after{background:linear-gradient(90deg,#8f2d2d,#e76f51,#f9b08e)}

/* Ocean Glass */
.pigp-design-preview.ocean{background:linear-gradient(145deg,#e9fbfb,#eff6ff)}
.pigp-design-preview.ocean i{background:linear-gradient(120deg,#075985,#0f766e 62%,#5eead4 62%)}
.pigp-design-preview.ocean:after{content:'';position:absolute;right:-15px;bottom:-20px;width:105px;height:70px;border-radius:50% 50% 0 0;background:#14b8a633;transform:rotate(-8deg)}
.pigp-app.pigp-design-ocean .pigp-paper{background:linear-gradient(145deg,#effbfb,#fff 38%,#f0f9ff 100%)}
.pigp-app.pigp-design-ocean .pigp-invoice-top:after{background:linear-gradient(90deg,#075985,#14b8a6,#7dd3fc)}

@media(max-width:850px){.pigp-design-options{grid-template-columns:1fr!important}}

@media print{
  /* Never print the editor's Document / Tax Mode controls. */
  .pigp-hidden-print-meta,
  .pigp-hidden-print-meta label,
  .pigp-hidden-print-meta input,
  .pigp-hidden-print-meta select,
  #pigp-invoice-type,
  #pigp-tax-mode{display:none!important;visibility:hidden!important}

  /* Keep invoice number, date and time close together and remove the whole meta card. */
  .pigp-meta{max-width:310px!important;width:310px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
  .pigp-meta:before{display:none!important}
  .pigp-meta .pigp-date-time-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3mm!important;margin-top:1mm!important}
  .pigp-meta .pigp-date-time-grid label{display:flex!important;flex-direction:column!important;gap:1mm!important;margin:0!important;text-align:right!important}
  .pigp-meta .pigp-date-time-grid input{width:100%!important;box-sizing:border-box!important;text-align:right!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
  .pigp-meta>label{margin:2mm 0 1mm!important}
  .pigp-meta>label input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}

  /* No page border, no top black/design line. Selected colours remain through backgrounds and table/header accents. */
  .pigp-paper,
  .pigp-app.pigp-design-royal .pigp-paper,
  .pigp-app.pigp-design-emerald .pigp-paper,
  .pigp-app.pigp-design-executive .pigp-paper,
  .pigp-app.pigp-design-minimal .pigp-paper,
  .pigp-app.pigp-design-sunset .pigp-paper,
  .pigp-app.pigp-design-ocean .pigp-paper{border:0!important;border-top:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;outline:0!important;box-shadow:none!important}

  /* Keep the design itself visible without an outer frame. */
  .pigp-app.pigp-design-royal .pigp-paper{background:linear-gradient(145deg,#f8fbff 0%,#fff 34%,#fffaf0 100%)!important}
  .pigp-app.pigp-design-emerald .pigp-paper{background:linear-gradient(135deg,#f1fbf6,#fff 42%,#f9fffb)!important}
  .pigp-app.pigp-design-executive .pigp-paper{background:linear-gradient(180deg,#f2f5f6 0,#fff 30%,#fff 100%)!important}
  .pigp-app.pigp-design-minimal .pigp-paper{background:linear-gradient(180deg,#fffdf7 0,#fff 35%,#fff 100%)!important}
  .pigp-app.pigp-design-sunset .pigp-paper{background:linear-gradient(145deg,#fff7f3,#fff 38%,#fff 100%)!important}
  .pigp-app.pigp-design-ocean .pigp-paper{background:linear-gradient(145deg,#effbfb,#fff 38%,#f0f9ff 100%)!important}

  /* A small internal accent is fine; the page itself stays borderless. */
  .pigp-invoice-top:after{height:2px!important;opacity:.75!important}
}


/* v6.2.1 — final print metadata cleanup */
@media print {
  /* The Create Invoice controls must never appear on the printed invoice. */
  .pigp-meta .pigp-hidden-print-meta,
  .pigp-meta .pigp-hidden-print-meta *,
  .pigp-meta .pigp-date-grid.pigp-hidden-print-meta,
  .pigp-meta .pigp-date-grid.pigp-hidden-print-meta label,
  .pigp-meta .pigp-date-grid.pigp-hidden-print-meta select,
  .pigp-meta #pigp-invoice-type,
  .pigp-meta #pigp-tax-mode {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Keep Invoice No. above, with Date and Time together directly below it. */
  .pigp-meta {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
  }
  .pigp-meta .pigp-date-time-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 4mm !important;
    row-gap: 0 !important;
    margin: 1mm 0 0 !important;
    padding: 0 !important;
  }
  .pigp-meta .pigp-date-time-grid label {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Remove the page/frame border and the design's top strip in print. */
  .pigp-paper,
  .pigp-app .pigp-paper,
  .pigp-app.pigp-design-royal .pigp-paper,
  .pigp-app.pigp-design-emerald .pigp-paper,
  .pigp-app.pigp-design-executive .pigp-paper,
  .pigp-app.pigp-design-minimal .pigp-paper,
  .pigp-app.pigp-design-sunset .pigp-paper,
  .pigp-app.pigp-design-ocean .pigp-paper {
    border: 0 !important;
    border-top: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  /* Remove the horizontal line above the invoice body; keep all other design colours. */
  .pigp-invoice-top {
    border-bottom: 0 !important;
  }
  .pigp-invoice-top:after {
    display: none !important;
  }
}


/* v6.2.2 — customer GSTIN above billing address + right-aligned print metadata */
@media print {
  /* Keep invoice header information on the right side of the printed A4 page. */
  .pigp-invoice-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 8mm !important;
    width: 100% !important;
    position: relative !important;
    padding-bottom: 4mm !important;
    border-bottom: 0 !important;
  }
  .pigp-invoice-top .pigp-brand {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }
  .pigp-invoice-top .pigp-meta {
    flex: 0 0 58mm !important;
    width: 58mm !important;
    max-width: 58mm !important;
    margin-left: auto !important;
    align-self: flex-start !important;
    text-align: right !important;
    padding: 0 !important;
  }
  .pigp-invoice-top .pigp-invoice-word {
    text-align: right !important;
    margin-bottom: 3mm !important;
  }
  .pigp-invoice-top .pigp-meta > label,
  .pigp-invoice-top .pigp-meta .pigp-date-time-grid label {
    text-align: right !important;
  }
  .pigp-invoice-top .pigp-meta > label input,
  .pigp-invoice-top .pigp-meta .pigp-date-time-grid input {
    text-align: right !important;
  }
  .pigp-invoice-top .pigp-date-time-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3mm !important;
    margin-top: 1mm !important;
  }

  /* GSTIN / Tax ID is already placed before Billing address in Create Invoice;
     keep that same order in print. */
  .pigp-box #pigp-customer-gstin {
    display: block !important;
  }
}


/* v6.2.3 — keep Invoice Shop selector outside the printable invoice paper */
.pigp-invoice-editor-control{position:relative;z-index:10;margin:0 0 16px!important;}
@media print{
  .pigp-invoice-editor-control{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;}
  .pigp-tab#pigp-invoice-tab{padding-top:0!important;margin-top:0!important;}
  .pigp-paper{margin-top:0!important;}
}


/* v6.2.6 — print: remove artificial top gap while preserving A4 margins */
@media print {
  @page { size: A4 portrait; margin: 0 8mm 12mm 8mm !important; }
  html, body { margin:0 !important; padding:0 !important; }
  .pigp-app, .pigp-invoice-tab, .pigp-paper { margin-top:0 !important; padding-top:0 !important; }
  .pigp-print-page-bg { top:0 !important; }
}