/* CAPITAL GRID Invoice Template Studio V36.2.1 / Mobile V4.3.1 — Precision Cleanup + Flexible Mapping */
.its2-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.its2-head h1{margin:0;color:#243b53;font-size:32px;line-height:1.1}.its2-head p{margin:7px 0 0;color:#526b80;max-width:900px}.its2-actions{display:flex;gap:8px;flex-wrap:wrap}.its2-card{background:#fff;border:1px solid #d5e0e8;border-radius:15px;padding:16px;box-shadow:0 7px 22px rgba(29,63,88,.055);margin-bottom:14px}.its2-rule{display:flex;gap:10px;align-items:flex-start;border:1px solid #bed8e7;border-left:5px solid #0e557d;background:#f2f8fc;border-radius:12px;padding:12px 14px;color:#31566d;margin-bottom:14px}.its2-rule b{color:#113e5b}.its2-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:14px;align-items:start}.its2-side{position:sticky;top:88px;max-height:calc(100vh - 105px);overflow:auto}.its2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.its2-toolbar .left,.its2-toolbar .right{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.its2-stage-wrap{overflow:auto;background:#dfe7ec;border:1px solid #c6d3dc;border-radius:12px;padding:10px;min-height:320px}.its2-stage{position:relative;margin:auto;background:#fff;box-shadow:0 9px 30px rgba(19,45,64,.20);user-select:none;touch-action:none}.its2-stage canvas{display:block;width:100%;height:100%}.its2-layer{position:absolute;inset:0;cursor:default}.its2-layer.draw{cursor:crosshair}.its2-box{position:absolute;border:2px solid #1596cf;background:rgba(21,150,207,.035);min-width:8px;min-height:7px;cursor:move;box-sizing:border-box}.its2-box.item{border-color:#19865d;background:rgba(25,134,93,.025)}.its2-box.selected{border-color:#f0a500;box-shadow:0 0 0 2px rgba(240,165,0,.2)}.its2-box .tag{position:absolute;left:2px;top:-18px;background:rgba(255,255,255,.96);border:1px solid currentColor;border-radius:5px;padding:1px 4px;font-size:8px;font-weight:800;color:#315a73;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .15s ease, transform .15s ease;max-width:140px;overflow:hidden;text-overflow:ellipsis}.its2-box.item .tag{color:#176548}.its2-box:hover .tag,.its2-box.selected .tag{opacity:1;transform:translateY(0)}.its2-box .resize{position:absolute;width:12px;height:12px;right:-7px;bottom:-7px;background:#f0a500;border:1px solid #8c6400;border-radius:3px;cursor:nwse-resize}.its2-repeat-box{position:absolute;border:1px dashed rgba(25,134,93,.5);pointer-events:none;box-sizing:border-box}.its2-draw-box{position:absolute;border:2px dashed #f0a500;background:rgba(240,165,0,.08);pointer-events:none}.its2-step{border:1px solid #d7e2e9;background:#f8fafc;border-radius:11px;padding:11px;margin-bottom:10px}.its2-step h3{margin:0 0 5px;color:#28485f;font-size:15px}.its2-step p{margin:0;color:#688095;font-size:12px;line-height:1.45}.its2-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.its2-preset{border:1px solid #cbd9e2;background:#fff;color:#294a61;border-radius:9px;padding:9px;text-align:left;font-weight:700;cursor:pointer}.its2-preset:hover{border-color:#1e7eaa;background:#f0f8fc}.its2-field-list{display:flex;flex-direction:column;gap:6px}.its2-field-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d7e1e8;background:#fff;border-radius:9px;padding:8px 9px;cursor:pointer;color:#304e63}.its2-field-item.active{border-color:#e3a000;background:#fff9e8}.its2-field-item small{color:#7a8c99}.its2-props{border-top:1px solid #e1e8ed;margin-top:12px;padding-top:12px}.its2-props h3{margin:0 0 10px;color:#29475c}.its2-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.its2-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:800;color:#536b7e}.its2-form label.full{grid-column:1/-1}.its2-form input,.its2-form select{border:1px solid #c9d6df;border-radius:8px;padding:8px 9px;background:#fff;color:#213d52;font:inherit}.its2-form label.check{flex-direction:row;align-items:center;font-size:12px}.its2-form label.check input{width:auto}.its2-fine{margin-top:8px;border:1px solid #dfe7ec;border-radius:9px;background:#fbfcfd}.its2-fine summary{cursor:pointer;padding:8px 10px;font-size:12px;font-weight:800;color:#4f687b}.its2-fine .inside{padding:0 10px 10px}.its2-minirow{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.its2-help{font-size:11px;color:#708697;line-height:1.4}.its2-size-alert{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;border:1px solid #e8c77b;background:#fff9e9;border-radius:10px;padding:10px;margin-bottom:10px}.its2-size-alert label{display:flex;flex-direction:column;gap:4px;color:#6d5a2d;font-size:11px;font-weight:800}.its2-size-alert input{width:130px;border:1px solid #d9c58e;border-radius:7px;padding:7px}.its2-size-ok{display:inline-flex;align-items:center;gap:6px;color:#2c6e4b;font-size:11px;font-weight:800}.its2-items-panel{border:1px solid #c9e1d5;background:#f4fbf7;border-radius:10px;padding:10px;margin-top:9px}.its2-items-panel h4{margin:0 0 7px;color:#255e47}.its2-item-map{display:grid;grid-template-columns:1fr 1fr;gap:6px}.its2-item-map button.done{background:#e5f5ec!important;border-color:#9ecdb5!important;color:#256247!important}.its2-nextrow{margin-top:8px;padding-top:8px;border-top:1px solid #d7eadf}.its2-table-wrap{overflow:auto}.its2-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.its2-table-wrap th{background:#104a6d;color:#fff;text-align:left;padding:10px}.its2-table-wrap td{padding:9px;border-bottom:1px solid #e0e8ed;vertical-align:middle}.its2-table-wrap td small{display:block;color:#7a8b98;margin-top:2px}.its2-row-actions{display:flex;gap:5px;flex-wrap:wrap}.its2-badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;background:#eaf1f5;color:#456071}.its2-badge.good{background:#e4f5eb;color:#246443}.its2-empty{padding:25px;text-align:center;color:#6f8392}.its2-use-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.45fr);gap:14px;align-items:start}.its2-entry{position:sticky;top:88px;max-height:calc(100vh - 105px);overflow:auto}.its2-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.its2-entry-grid label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:800;color:#536b7e}.its2-entry-grid label.full{grid-column:1/-1}.its2-entry-grid input{border:1px solid #c9d6df;border-radius:8px;padding:9px;background:#fff;color:#213d52;font:inherit}.its2-items-entry{margin-top:12px;border-top:1px solid #e2e8ed;padding-top:11px}.its2-items-entry h3{margin:0 0 8px}.its2-item-row{display:grid;grid-template-columns:34px repeat(var(--itscols,4),minmax(90px,1fr)) 34px;gap:5px;align-items:end;margin-bottom:6px}.its2-item-row label{font-size:9px;font-weight:800;color:#6d8190}.its2-item-row input{width:100%;border:1px solid #cbd7df;border-radius:7px;padding:7px}.its2-item-no{align-self:center;text-align:center;font-weight:800;color:#60798c}.its2-live-stage{position:relative;margin:auto;background:#fff;box-shadow:0 8px 26px rgba(18,45,63,.18)}.its2-live-stage canvas{display:block;width:100%;height:100%}.its2-progress{padding:12px;border:1px solid #cbdce6;background:#f3f8fb;border-radius:10px;color:#3f6278;font-size:12px;margin-bottom:10px}.its2-toast{position:fixed;right:18px;bottom:18px;background:#173f59;color:#fff;padding:10px 13px;border-radius:9px;box-shadow:0 8px 25px rgba(0,0,0,.18);z-index:99999;font-size:12px}.its2-danger{background:#fff1f1!important;color:#962e2e!important;border:1px solid #e7bcbc!important}.its2-success{background:#eaf7ef!important;color:#256543!important;border:1px solid #b9dcc7!important}
@media(max-width:1000px){.its2-grid,.its2-use-grid{grid-template-columns:1fr}.its2-side,.its2-entry{position:static;max-height:none}.its2-head{flex-direction:column}.its2-preset-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.its2-head h1{font-size:25px}.its2-card{padding:11px;border-radius:12px}.its2-preset-grid{grid-template-columns:1fr 1fr}.its2-form,.its2-entry-grid{grid-template-columns:1fr}.its2-form label.full,.its2-entry-grid label.full{grid-column:auto}.its2-item-row{display:flex;flex-wrap:wrap;border:1px solid #dce5eb;border-radius:9px;padding:7px}.its2-item-row label{min-width:105px;flex:1}.its2-item-no{width:24px}.its2-stage-wrap{padding:5px}.its2-toolbar{align-items:flex-start}}

/* V36.2.1 flexible mapping additions */
.its2-custom-add{border-style:dashed!important;background:#f4f9fc!important;color:#155b80!important}
.its2-mapped-columns{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px dashed #cfe0d7}.its2-mapped-columns small{font-weight:800;color:#587466}
.its2-row-config{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:7px}.its2-row-config label{display:flex;flex-direction:column;gap:4px}.its2-row-config input{width:100%;max-width:120px;border:1px solid #c8d8d0;border-radius:7px;padding:6px;background:#fff;color:#284b3c}
.its2-repeat-box.blank-row{border-color:rgba(25,134,93,.28)}.its2-repeat-box.source-filled{border-color:rgba(214,137,20,.58);background:rgba(255,191,54,.015)}
@media(max-width:650px){.its2-row-config{grid-template-columns:1fr}}

/* V36.2.18 / V4.3.18 — automatic invoice calculation */
.its2-calc-panel{margin:12px 0 8px;border:1px solid #bed8e7;background:#f3f9fc;border-radius:11px;padding:10px}.its2-calc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#294b62;font-size:12px}.its2-calc-head label{display:flex;align-items:center;gap:6px}.its2-vat-rate{width:82px!important;border:1px solid #b9cedb;border-radius:7px;padding:6px 7px;background:#fff;color:#213d52}.its2-calc-summary{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:6px;margin-top:8px}.its2-calc-summary span{background:#fff;border:1px solid #d4e2ea;border-radius:8px;padding:7px;color:#60798c;font-size:10px}.its2-calc-summary b{display:block;color:#173f59;font-size:12px;margin-top:2px}.its2-auto-input{background:#eef7fb!important;color:#173f59!important;font-weight:800!important;border-color:#b8d7e6!important}.its2-auto-input:focus{outline:none;box-shadow:0 0 0 2px rgba(25,119,167,.12)}
@media(max-width:650px){.its2-calc-summary{grid-template-columns:1fr 1fr}}


/* V36.2.18 / V4.3.18 — narrow entry panel + larger preview */
.its2-use-grid{grid-template-columns:minmax(265px,340px) minmax(0,1.85fr)!important;gap:16px!important}
.its2-entry{max-width:340px!important}
.its2-entry-grid{grid-template-columns:1fr!important;gap:10px!important}
.its2-entry-grid label.full{grid-column:auto!important}
.its2-stage-wrap{min-height:420px}
.its2-live-stage{max-width:100%}
.its2-items-entry .its2-item-row{display:flex;flex-wrap:wrap;border:1px solid #dce5eb;border-radius:10px;padding:8px;gap:6px;margin-bottom:10px}
.its2-items-entry .its2-item-row label{min-width:120px;flex:1 1 120px}
.its2-items-entry .its2-item-no{width:22px;align-self:flex-start;padding-top:6px}
.its2-items-entry .its2-item-row button{align-self:flex-end}
@media(max-width:1000px){.its2-use-grid{grid-template-columns:1fr!important}.its2-entry{max-width:none!important}.its2-stage-wrap{min-height:320px}}



/* V36.2.18 / V4.3.18 — ultra-narrow values panel + wide live preview */
.its2-use-grid{grid-template-columns:minmax(230px,285px) minmax(0,2.25fr)!important;gap:14px!important}
.its2-entry{max-width:285px!important;position:sticky;top:88px;max-height:calc(100vh - 105px);overflow:auto}
.its2-entry-grid,.its2-entry-grid.narrow-stack{display:flex!important;flex-direction:column!important;gap:10px!important}
.its2-entry-grid label,.its2-entry-grid.narrow-stack label{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important}
.its2-entry-grid label.full,.its2-entry-grid.narrow-stack label.full{grid-column:auto!important;width:100%!important}
.its2-stage-wrap{min-height:560px!important}
.its2-live-stage{max-width:100%!important}
.its2-card.its2-entry h2{margin-bottom:12px}
@media (max-width:1000px){.its2-use-grid{grid-template-columns:1fr!important}.its2-entry{max-width:none!important}.its2-stage-wrap{min-height:340px!important}}


/* V36.2.12 surgical-preservation: no full mapped-rectangle repaint; blank item rows/totals stay blank. */


/* V36.2.18 / V4.3.18 — sequence-aligned invoice controls + tighter left rail + larger preview */
.its2-use-grid{grid-template-columns:minmax(210px,245px) minmax(0,2.75fr)!important;gap:12px!important;align-items:start!important}
.its2-entry{max-width:245px!important;min-width:210px!important;position:sticky;top:88px;max-height:calc(100vh - 105px);overflow:auto;padding:12px!important}
.its2-entry-grid,.its2-entry-grid.narrow-stack{display:flex!important;flex-direction:column!important;gap:8px!important}
.its2-entry-grid label,.its2-entry-grid.narrow-stack label{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important}
.its2-entry-grid label span,.its2-entry-grid.narrow-stack label span{display:block!important}
.its2-entry-grid input{padding:8px 9px!important}
.its2-stage-wrap{padding:8px!important}
.its2-live-stage{margin:auto!important}
.its2-items-entry .its2-item-row{display:grid!important;grid-template-columns:28px repeat(var(--itscols,4),minmax(0,1fr)) 28px!important;gap:5px!important;align-items:end!important}
.its2-items-entry .its2-item-row label{min-width:0!important;flex:none!important}
.its2-items-entry .its2-item-row input{padding:6px 7px!important}
@media (max-width:1000px){.its2-use-grid{grid-template-columns:1fr!important}.its2-entry{max-width:none!important;min-width:0!important}}



/* V36.2.18 / V4.3.18 — setup viewer enhancement; display-only, original master/output unchanged */
.its2-viewbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 10px;padding:8px 9px;border:1px solid #cbdce6;background:#f4f8fb;border-radius:10px}.its2-viewgroup{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.its2-viewgroup b{font-size:11px;color:#456175;margin-right:2px}.its2-viewgroup button{border:1px solid #c8d6df;background:#fff;color:#29485d;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:800;cursor:pointer}.its2-viewgroup button:hover,.its2-viewgroup button.active{border-color:#1977a7;background:#eaf6fc;color:#0f5f89}.its2-viewgroup button.primary{background:#173f59;color:#fff;border-color:#173f59}.its2-viewgroup #its2ZoomPct{display:inline-flex;min-width:44px;justify-content:center;color:#29485d;font-weight:800;font-size:11px}.its2-setup-main{min-width:0}.its2-grid.its2-focus-view{grid-template-columns:1fr!important}.its2-grid.its2-focus-view .its2-side{display:none!important}.its2-grid.its2-focus-view .its2-stage-wrap{min-height:calc(100vh - 260px)!important;max-height:calc(100vh - 220px)!important}#its2StageWrap:fullscreen{background:#d7e1e8!important;padding:14px!important;overflow:auto!important;width:100vw;height:100vh;border:0;border-radius:0}#its2StageWrap:fullscreen #its2Stage{margin:auto}#its2Canvas{transition:filter .12s ease}.its2-stage-wrap{scrollbar-gutter:stable both-edges}@media(max-width:760px){.its2-viewbar{align-items:flex-start}.its2-viewgroup{width:100%}.its2-viewgroup button{padding:6px 7px}}



/* V36.2.18 / V4.3.18 — ZATCA Phase 1 QR placement and readiness */
.its2-box.qr{border-color:#6d4bd1;background:rgba(109,75,209,.06)}
.its2-box.qr .tag{color:#5b3bb8}
.its2-qr-config{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.its2-qr-config label,.its2-qr-use label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:800;color:#536b7e}
.its2-qr-config input,.its2-qr-use input{border:1px solid #c9d6df;border-radius:8px;padding:8px 9px;background:#fff;color:#213d52;font:inherit}
.its2-qr-use{margin-top:12px;border-top:1px solid #e2e8ed;padding-top:11px;display:flex;flex-direction:column;gap:8px}
.its2-qr-use h3{margin:0;color:#29475c}
.its2-qr-fixed{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#61798b;background:#f7f9fb;border:1px solid #dbe4ea;border-radius:8px;padding:8px}
.its2-qr-fixed b{color:#263f53}
.its2-qr-amounts{display:grid;grid-template-columns:1fr;gap:5px}
.its2-qr-amounts span{display:flex;justify-content:space-between;gap:8px;border:1px solid #dce5eb;border-radius:7px;padding:6px 8px;font-size:10px;color:#657b8d}
.its2-qr-amounts b{color:#27455a}
.its2-qr-status{border-radius:8px;padding:8px 9px;font-size:10px;line-height:1.35;font-weight:700}
.its2-qr-status.waiting{background:#fff7e8;border:1px solid #ead09b;color:#765719}
.its2-qr-status.ready{background:#eaf7ef;border:1px solid #b9dcc7;color:#246443}
.its2-req{font-size:9px;color:#8a5c18;font-weight:700}

/* V36.2.18 / V4.3.18 — readable vertical item-entry cards + seller/supplier QR confirmation */
.its2-items-entry .its2-item-row{display:block!important}
.its2-item-card{border:1px solid #d7e3ea;border-radius:10px;background:#fbfdfe;margin:0 0 9px;overflow:hidden}
.its2-item-card>summary{cursor:pointer;list-style:none;padding:9px 10px;background:#f2f7fa;color:#294b62;font-size:11px;font-weight:800;border-bottom:1px solid #dce6ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.its2-item-card>summary::-webkit-details-marker{display:none}
.its2-item-card>summary:before{content:'▸';display:inline-block;margin-right:6px;transition:transform .15s ease}.its2-item-card[open]>summary:before{transform:rotate(90deg)}
.its2-item-fields{display:flex;flex-direction:column;gap:8px;padding:10px}
.its2-item-fields label{display:flex!important;flex-direction:column!important;gap:4px!important;width:100%!important;min-width:0!important;flex:none!important;color:#536b7e;font-size:10px;font-weight:800}
.its2-item-fields label span{display:block}
.its2-item-fields input{width:100%!important;min-width:0!important;box-sizing:border-box;border:1px solid #cbd7df;border-radius:8px;padding:8px 9px!important;background:#fff;color:#213d52;font-size:12px}
.its2-item-actions{display:flex;justify-content:flex-end;padding:0 10px 10px}.its2-item-actions button{font-size:10px;padding:6px 8px}
.its2-qr-warning{background:#fff7e8;border:1px solid #ead09b;color:#765719;border-radius:8px;padding:8px 9px;font-size:10px;line-height:1.4}
.its2-qr-confirm{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:7px!important;background:#f5f9fc;border:1px solid #d7e3ea;border-radius:8px;padding:8px!important;font-size:10px!important;line-height:1.35}.its2-qr-confirm input{width:auto!important;margin-top:2px}
.its2-qr-fixed small{display:block;color:#7a5a19;margin-top:3px;font-size:9px}


/* V36.2.18 / V4.3.18 — Create Invoice enhanced preview + visual finishing editor */
.its2-use-preview-card{min-width:0}
.its2-use-viewbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 8px;padding:7px 8px;border:1px solid #cbdce6;background:#f4f8fb;border-radius:9px}.its2-use-viewbar .its2-viewgroup{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.its2-use-viewbar .its2-viewgroup b{font-size:11px;color:#456175;margin-right:2px}.its2-use-viewbar button{border:1px solid #c8d6df;background:#fff;color:#29485d;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:800;cursor:pointer}.its2-use-viewbar button:hover,.its2-use-viewbar button.active{border-color:#1977a7;background:#eaf6fc;color:#0f5f89}
.its2-fine-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:38px;margin:0 0 8px;padding:6px 8px;border:1px solid #d7e2e9;background:#fbfcfd;border-radius:9px}.its2-fine-toolbar button{border:1px solid #c9d6df;background:#fff;color:#29485d;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800;cursor:pointer}.its2-fine-toolbar button.primary{background:#173f59;color:#fff;border-color:#173f59}.its2-fine-hint{font-size:10px;color:#6a8090;line-height:1.35}.its2-selected-name{font-size:11px;font-weight:900;color:#183f58;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.its2-fine-badge{font-size:9px;font-weight:800;color:#516b7d;background:#eaf0f4;border-radius:999px;padding:3px 6px}
.its2-live-stage{position:relative!important}.its2-use-layer{position:absolute;inset:0;pointer-events:none;z-index:5}.its2-use-layer.active{pointer-events:auto}.its2-use-handle{position:absolute;box-sizing:border-box;border:1px dashed rgba(14,114,165,.78);background:rgba(14,114,165,.025);cursor:move;min-width:8px;min-height:7px;outline:none}.its2-use-handle:hover,.its2-use-handle.selected{border:2px solid #f0a500;background:rgba(240,165,0,.045);box-shadow:0 0 0 1px rgba(255,255,255,.65)}.its2-use-handle.qr{border-color:#19865d}.its2-use-resize{position:absolute;width:11px;height:11px;right:-6px;bottom:-6px;border-radius:3px;background:#f0a500;border:1px solid #805900;cursor:nwse-resize}
#its2LiveCanvas{transition:filter .12s ease}.its2-stage-wrap:fullscreen{background:#d7e1e8!important;padding:14px!important;overflow:auto!important;width:100vw;height:100vh;border:0;border-radius:0}.its2-stage-wrap:fullscreen .its2-live-stage{margin:auto!important}
@media(max-width:760px){.its2-use-viewbar{align-items:flex-start}.its2-use-viewbar .its2-viewgroup{width:100%}.its2-fine-toolbar{align-items:flex-start}}


/* V36.2.18 / V4.3.18 — adaptive preview enhancement strength */
.its2-strength{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding:4px 7px;border:1px solid #c8d6df;border-radius:8px;background:#fff;color:#456175;font-size:10px;font-weight:800}.its2-strength span{white-space:nowrap}.its2-strength input[type=range]{width:92px;accent-color:#1a6f98;padding:0;border:0}.its2-strength b{min-width:31px;text-align:right;color:#173f59}.its2-viewgroup:has(.its2-strength){row-gap:6px}@media(max-width:760px){.its2-strength{width:100%;justify-content:space-between}.its2-strength input[type=range]{flex:1;max-width:180px}}


/* V36.2.18 / V4.3.18 — resumable invoice work drafts */
.its2-entry-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:4px}.its2-entry-title-row h2{margin-bottom:0!important}.its2-draft-status{font-size:9px;font-weight:800;color:#60798a;background:#f3f7fa;border:1px solid #d8e3ea;border-radius:999px;padding:4px 7px;white-space:nowrap}.its2-save-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.its2-save-row button{flex:1 1 auto}.its2-row-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}@media(max-width:760px){.its2-entry-title-row{align-items:flex-start}.its2-draft-status{white-space:normal}.its2-save-row button{flex:1 1 100%}}


/* V36.2.18 / V4.3.18 — restored always-available visual text finisher */
.its2-edit-help{margin:5px 0 9px;padding:7px 8px;border:1px solid #cfe0e9;border-radius:8px;background:#f5fafc;color:#526f82;font-size:9.5px;line-height:1.4}.its2-use-viewbar #its2FineToggleBtn.active{background:#173f59!important;color:#fff!important;border-color:#173f59!important}.its2-use-layer.active{pointer-events:auto!important}.its2-use-handle{touch-action:none!important;user-select:none!important}.its2-fine-toolbar{position:relative;z-index:3}.its2-fine-toolbar .primary{white-space:nowrap}


/* V36.5.1 / V4.6.1 — selected-text removal intensity control */
.its2-eraser-panel{margin-top:9px;padding:9px;border:1px solid #cbdce7;border-radius:9px;background:#f8fbfd}
.its2-eraser-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:#173f59}
.its2-eraser-head b{font-size:11px}.its2-eraser-head span{font-size:9px;font-weight:800;color:#28714c;background:#eaf6ee;border-radius:999px;padding:3px 6px}
.its2-eraser-slider,.its2-erase-strength{display:inline-flex;align-items:center;gap:7px;color:#456175;font-size:10px;font-weight:800}
.its2-eraser-slider{width:100%;padding:5px 0}
.its2-eraser-slider span,.its2-erase-strength span{white-space:nowrap}
.its2-eraser-slider input[type=range]{flex:1;min-width:120px;accent-color:#b5651d}
.its2-erase-strength{padding:4px 7px;border:1px solid #d5c5b6;border-radius:8px;background:#fff8f1}
.its2-erase-strength input[type=range]{width:130px;accent-color:#b5651d;padding:0;border:0}
.its2-eraser-slider b,.its2-erase-strength b{min-width:34px;text-align:right;color:#8b4b13}
.its2-eraser-preset-row,.its2-erase-presets{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.its2-eraser-preset-row button,.its2-erase-presets button{border:1px solid #d7c5b4;background:#fff;color:#70421e;border-radius:7px;padding:4px 7px;font-size:9px;font-weight:800;cursor:pointer}
.its2-line-protect{font-size:9px;font-weight:800;color:#28714c;background:#eaf6ee;border-radius:999px;padding:3px 6px;white-space:nowrap}
.its2-fine-sep{width:1px;height:24px;background:#d8e1e7;margin:0 2px}
@media(max-width:760px){.its2-erase-strength{width:100%;justify-content:space-between}.its2-erase-strength input[type=range]{flex:1;max-width:210px}.its2-fine-sep{display:none}}


/* V36.5.2 / V4.6.2 — Invoice background repair + replacement scan-match controls */
.its2-repair-strength,.its2-match-strength{display:inline-flex;align-items:center;gap:7px;padding:4px 7px;border:1px solid #cbd9df;border-radius:8px;background:#f7fbfc;color:#456175;font-size:10px;font-weight:800}
.its2-repair-strength input[type=range],.its2-match-strength input[type=range]{width:118px;padding:0;border:0}
.its2-repair-strength input[type=range]{accent-color:#347b70}
.its2-match-strength input[type=range]{accent-color:#6959a7}
.its2-repair-strength b,.its2-match-strength b{min-width:34px;text-align:right}
.its2-match-presets{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.its2-match-presets button{border:1px solid #cfc8e6;background:#fbfaff;color:#55448c;border-radius:7px;padding:4px 7px;font-size:9px;font-weight:800;cursor:pointer}
.its2-fine-toolbar button.active{background:#e9f6ef!important;border-color:#8ec8a6!important;color:#236245!important}
.its2-line-check{margin-top:5px;padding:5px 7px;border:1px solid #d9e5dc;border-radius:7px;background:#f6fbf8}
@media(max-width:760px){.its2-repair-strength,.its2-match-strength{width:100%;justify-content:space-between}.its2-repair-strength input[type=range],.its2-match-strength input[type=range]{flex:1;max-width:210px}}


/* V36.5.3 / V4.6.3 — Numeric text color matching */
.its2-color-stepper{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #ced9e0;border-radius:9px;background:#f8fbfd;color:#40596e;font-size:10px;font-weight:800;white-space:nowrap}
.its2-color-stepper button{width:26px;height:26px;min-width:26px;padding:0;border-radius:7px;font-size:16px;font-weight:900;line-height:1}
.its2-color-stepper input[type=number]{width:48px;height:26px;padding:2px 4px;border:1px solid #c8d5dc;border-radius:7px;text-align:center;font-size:11px;font-weight:900;color:#243d52;background:#fff}
.its2-color-stepper i{width:16px;height:16px;border-radius:4px;border:1px solid #aab7bf;display:inline-block}
.its2-color-stepper code{font-size:9px;color:#60798d;background:#eef4f7;padding:3px 4px;border-radius:5px}
.its2-prop-colorline{display:flex;align-items:center;gap:5px;margin-top:5px;flex-wrap:wrap}
.its2-prop-colorline input[type=color]{width:40px;height:31px;padding:2px;border:1px solid #cbd7df;border-radius:7px;background:#fff}
.its2-prop-colorline input[type=number]{width:58px;height:31px;padding:3px 5px;text-align:center;border:1px solid #cbd7df;border-radius:7px;font-weight:800}
.its2-prop-colorline button{width:30px;height:31px;padding:0;font-weight:900;font-size:15px}
.its2-prop-colorline code{font-size:10px;color:#5c7283;background:#eef4f7;padding:4px 5px;border-radius:5px}
@media(max-width:760px){.its2-color-stepper{width:100%;justify-content:flex-start;flex-wrap:wrap}.its2-color-stepper code{margin-left:auto}}


/* V36.5.4 / V4.7.1 — Manual-safe VAT totals + invoice-time synchronization */
.its2-calc-mode{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#e9f6ef;color:#2b7350;font-size:10px;font-weight:900}
.its2-calc-mode.manual{background:#fff1de;color:#8b5a12}
.its2-calc-head select{border:1px solid #b9cedb;border-radius:7px;padding:6px 8px;background:#fff;color:#213d52;font-size:11px;font-weight:800}
.its2-qr-manual-head{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-top:2px}
.its2-qr-manual-head>label{flex-direction:row!important;align-items:center;gap:6px!important}
.its2-qr-manual-head input[type=checkbox]{width:16px;height:16px;padding:0}
.its2-qr-amounts.editable{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.its2-qr-amounts.editable label{border:1px solid #d6e2e9;border-radius:9px;padding:7px;background:#fbfdfe;color:#60778a}
.its2-qr-amounts.editable label input{margin-top:3px;font-weight:900;color:#223f55;background:#fff}
.its2-qr-source{grid-column:1/-1;display:block!important;text-align:center;border:0!important;background:#edf7f1!important;color:#2c7151!important;font-weight:900}
.its2-qr-source.manual{background:#fff2df!important;color:#8b5b12!important}
.its2-auto-input{cursor:text}
@media(max-width:760px){
 .its2-qr-amounts.editable{grid-template-columns:1fr}
 .its2-calc-head{align-items:flex-start}
 .its2-calc-head label{width:100%;justify-content:space-between}
 .its2-calc-head select{max-width:190px}
}


/* V36.5.5 / V4.7.2 — stacked QR totals + Total-driven VAT split */
.its2-qr-amounts.editable.stacked{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%}
.its2-qr-amounts.editable.stacked .its2-qr-amount-row{display:grid!important;grid-template-columns:minmax(120px,.9fr) minmax(0,1.2fr);align-items:center;gap:10px;width:100%;box-sizing:border-box;border:1px solid #d6e2e9;border-radius:11px;padding:9px 10px;background:#fbfdfe;color:#60778a}
.its2-qr-amounts.editable.stacked .its2-qr-amount-row.total{border-color:#b7d9c6;background:#f3fbf6}
.its2-qr-amounts.editable.stacked .its2-qr-amount-row>span{font-weight:900;color:#506a7e;line-height:1.25}
.its2-qr-amounts.editable.stacked .its2-qr-amount-row.total>span{color:#2b7350}
.its2-qr-amounts.editable.stacked input{width:100%!important;min-width:0!important;box-sizing:border-box!important;height:44px!important;padding:8px 11px!important;font-size:16px!important;font-weight:900!important;text-align:right!important;color:#203b50!important;background:#fff!important;border:1px solid #c9d8e1!important;border-radius:9px!important}
.its2-qr-amounts.editable.stacked .its2-qr-source{grid-column:1!important;width:100%!important;box-sizing:border-box}
.its2-qr-total-guide{margin:9px 0 8px;padding:10px 11px;border-left:4px solid #2f7a55;border-radius:9px;background:#eef8f2;color:#446c57;font-size:11px;line-height:1.4}
.its2-qr-total-guide b{display:block;color:#2b6e4d;font-size:12px;margin-bottom:2px}.its2-qr-total-guide span{display:block}
@media(max-width:620px){.its2-qr-amounts.editable.stacked .its2-qr-amount-row{grid-template-columns:1fr;gap:5px}.its2-qr-amounts.editable.stacked input{text-align:left!important;font-size:17px!important}}


/* V36.5.6 / V4.7.3 — fully readable QR amount inputs */
.its2-qr-amounts.editable.stacked .its2-qr-amount-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  gap:6px!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:11px 12px!important;
}
.its2-qr-amounts.editable.stacked .its2-qr-amount-row>span{
  display:block!important;
  width:100%!important;
  font-size:12px!important;
  line-height:1.25!important;
}
.its2-qr-amounts.editable.stacked .its2-qr-amount-row>small{
  display:block!important;
  width:100%!important;
  color:#7890a1!important;
  font-size:9px!important;
  line-height:1.35!important;
}
.its2-qr-amounts.editable.stacked .its2-qr-money-input{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:52px!important;
  box-sizing:border-box!important;
  padding:10px 13px!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.15px!important;
  text-align:left!important;
  color:#19384f!important;
  background:#fff!important;
  border:1px solid #bfd0dc!important;
  border-radius:10px!important;
  overflow:visible!important;
}
.its2-qr-amounts.editable.stacked .its2-qr-money-input:focus{
  border-color:#2e789e!important;
  outline:3px solid rgba(46,120,158,.12)!important;
}
.its2-qr-amounts.editable.stacked .its2-qr-amount-row.total .its2-qr-money-input{
  border-color:#9ecdb2!important;
  color:#1d6845!important;
}
@media(max-width:760px){
  .its2-qr-amounts.editable.stacked .its2-qr-money-input{
    height:54px!important;
    font-size:22px!important;
  }
}
