/* V3.26: isolated demo UI - does not alter live invoice/receipt modules */
#pn326Layer[hidden]{display:none!important}
#pn326Layer{position:fixed;inset:0;z-index:1000001;background:rgba(8,22,42,.76);padding:20px;display:flex;align-items:center;justify-content:center}
#pn326Layer *{box-sizing:border-box;font-family:Poppins,Arial,sans-serif}
#pn326Panel{background:#fff;color:#102344;width:min(1100px,100%);max-height:calc(100dvh - 40px);overflow:auto;border-radius:17px;box-shadow:0 28px 90px #06102177;position:relative;padding:26px}
.pn326-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;padding-right:40px}
.pn326-head h2{font-size:clamp(21px,3vw,29px);font-weight:800;margin:0 0 5px}
.pn326-head p{color:#66738a;font-size:13px;margin:0}
.pn326-close{position:absolute;right:18px;top:18px;border:none;border-radius:10px;width:38px;height:38px;background:#eef0f4;color:#102344;font-size:26px;cursor:pointer}
.pn326-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.pn326-choice{min-width:0;border:1px solid #dde5ec;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;background:#fbfcff}
.pn326-choice .preview-container{height:320px;overflow:hidden;background:#f4f5f7;display:flex;justify-content:center;padding:8px}
.pn326-choice .preview-container>img{height:100%;width:100%;object-fit:contain}
.pn326-choice-info{text-align:center;padding:16px}
.pn326-choice-info h3{font-size:20px;margin:0 0 6px;color:#102344}
.pn326-choice-info p{font-size:12px;line-height:1.6;margin:0 0 14px;color:#617086}
.pn326-btn{border:0;border-radius:8px;background:#f56625;color:#fff;cursor:pointer;font-size:13px;font-weight:750;padding:12px 19px;min-height:43px}
.pn326-btn.blue{background:#1458a3}.pn326-btn.ghost{background:#f0f3f8;color:#102344}.pn326-btn:disabled{opacity:.5;cursor:not-allowed}
.pn326-mini-invoice{position:relative;max-width:235px;min-width:215px;width:95%;height:300px;background:#fff;box-shadow:0 4px 16px #0002;padding:18px 15px;color:#102344;border-bottom:10px solid #1458a3}
.pn326-mini-invoice strong{display:block;font-size:16px}.pn326-mini-invoice .top{border-left:5px solid #1458a3;padding-left:9px}.pn326-mini-invoice .big{text-align:right;font-size:32px;font-weight:800;margin:18px 0 9px}.pn326-mini-invoice .stripe{height:20px;background:#1458a3;margin:14px 0}.pn326-mini-invoice .line{height:9px;background:#e4e8ee;margin:8px 0}.pn326-mini-invoice .line.short{width:62%}
.pn326-form-intro{font-size:12px;color:#68758a;margin-bottom:16px}.pn326-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.pn326-fieldset{border:1px solid #e1e6ee;border-radius:12px;padding:15px;min-width:0}.pn326-fieldset legend{font-size:14px;font-weight:800;padding:0 6px;color:#102344}
.pn326-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pn326-field.full{grid-column:1/-1}
.pn326-field label{display:block;font-size:11px;font-weight:750;margin:0 0 5px;color:#48566d}
.pn326-field input,.pn326-field select,.pn326-field textarea{width:100%;min-width:0;border:1px solid #ccd5e2;border-radius:8px;font-size:12px;padding:10px 11px;background:#fff;color:#102344;outline-offset:1px}
.pn326-field textarea{min-height:55px;resize:vertical}
.pn326-item{display:grid;grid-template-columns:1.2fr 1.1fr .5fr .7fr auto;gap:7px;align-items:end;padding:10px 0;border-bottom:1px solid #e2e7ee}
.pn326-item .pn326-field label{font-size:10px}.pn326-item .pn326-remove{border:1px solid #e5d0d0;background:#fff4f2;color:#a92e29;border-radius:8px;padding:9px 11px;cursor:pointer}
.pn326-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;align-items:center}.pn326-actions .right{margin-left:auto}
.pn326-frame{display:block;width:100%;height:min(72vh,850px);border:1px solid #dfe6ed;border-radius:8px;background:#fff}
.pn326-info{font-size:12px;color:#56667b;background:#f3f6fa;border-radius:8px;padding:10px 13px;margin:12px 0}
.pn326-form-status{color:#b5422a;font-size:12px}
@media(max-width:720px){#pn326Layer{padding:10px}#pn326Panel{max-height:calc(100dvh - 20px);padding:17px}.pn326-choices,.pn326-form-grid{grid-template-columns:1fr}.pn326-choice .preview-container{height:230px}.pn326-head{padding-right:34px}.pn326-item{grid-template-columns:repeat(2,minmax(0,1fr))}.pn326-item .pn326-field:first-child,.pn326-item .pn326-field:nth-child(2){grid-column:1/-1}.pn326-actions .right{margin-left:0}.pn326-frame{height:65vh}}