/* IGS 1053 — Unified compact document item workbench (purchase, sale, quotation, foreign proforma).
   Visual/read-only changes never replace financial calculation or record persistence. */
.igs-doc-viewbar,.igs-doc-items-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.igs-doc-viewbar{margin:8px 0 12px;color:#506681;font-size:12px}
.igs-doc-viewbar button{font-size:12px;white-space:nowrap}
.igs-doc-product-inline{display:flex;align-items:center;gap:6px;min-width:0}
.igs-doc-product-inline>select,.igs-doc-product-inline>.product-ref,.igs-doc-product-inline>.item-description,.igs-doc-product-inline>.desc-input{min-width:0!important;flex:1 1 50%;margin:0!important;max-width:none}
.igs-doc-product-inline>.product-ref select{width:100%;min-width:0!important}
.igs-doc-product-inline input,.igs-doc-product-inline select{height:36px!important;min-height:36px!important;max-width:100%;font-size:12px!important}
.igs-doc-row-buttons{display:flex;align-items:center;justify-content:flex-end;gap:3px;white-space:nowrap}
.igs-doc-icon-btn{display:inline-grid;place-items:center;padding:4px!important;height:30px;min-width:27px;border:1px solid #d9e2ed;border-radius:7px;background:#fff;color:#475f79;cursor:pointer}
.igs-doc-icon-btn:hover{background:#eef7fa;border-color:#91bec7}
.igs-doc-icon-btn:focus-visible,.igs-doc-row-buttons button:focus-visible{outline:2px solid #0e7d91;outline-offset:2px}
.igs-doc-row-meta{display:block;font-size:10px;color:#697e89;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:3px}
.igs-doc-index{color:#77909b;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Existing subtotal/discount/tax outputs stay in the DOM and continue updating.
   The user can explicitly expand them; the financial summary is never hidden. */
.invoice-workspace .document-items-section:not(.igs-doc-expanded) .invoice-derived:not(.invoice-line-due){display:none!important}
.invoice-workspace .document-items-section:not(.igs-doc-expanded) table.invoice-items{min-width:680px;width:100%;table-layout:fixed}
.invoice-workspace .document-items-section:not(.igs-doc-expanded) table.invoice-items th:first-child{width:43%}
.invoice-workspace .document-items-section:not(.igs-doc-expanded) table.invoice-items th:nth-child(2){width:11%}
.invoice-workspace .document-items-section:not(.igs-doc-expanded) table.invoice-items th:nth-child(3){width:16%}
.invoice-workspace .document-items-section:not(.igs-doc-expanded) table.invoice-items th:last-child{width:140px}
.invoice-workspace .document-items-section:not(.igs-doc-expanded) table.invoice-items th:nth-last-child(2){width:auto}
.invoice-workspace .document-items-section .invoice-items{border-spacing:0 3px}
.invoice-workspace .document-items-section .invoice-items td{padding:5px!important}
.invoice-workspace .document-items-section .invoice-items th{padding:8px 6px!important}
.invoice-workspace .document-items-section .invoice-items input,.invoice-workspace .document-items-section .invoice-items select{min-height:36px;height:36px;padding:5px!important}
.invoice-workspace .document-items-section .invoice-items .igs-doc-row-actions{width:auto!important;white-space:nowrap}
.invoice-workspace .document-items-section .invoice-items .remove-line{min-width:28px;height:30px;padding:4px!important}
.invoice-workspace .document-items-section .invoice-items tr:focus-within td{background:#f4fafb}
.invoice-workspace .document-items-section .document-items-scroll{overflow-x:auto;max-width:100%}
.invoice-workspace .document-items-section.igs-doc-expanded .invoice-items{min-width:1160px}
/* Proforma: the item drawer is independent of table layout and never expands rows. */
.studio-items-workspace{border-radius:12px!important;min-width:0;position:relative}
.studio-items-workspace .igs-doc-items-head{padding:0 0 12px!important;margin-bottom:6px!important}
.studio-items-workspace .igs-doc-items-head p{margin:4px 0 0}
.studio-items-workspace .igs-doc-review{font-size:11px;color:#5d7181;background:#f5f9fa;border:1px solid #e1e9ef;padding:8px 12px;border-radius:8px;margin:8px 0 12px}
.studio-items-workspace .igs-doc-table{table-layout:fixed;width:100%;min-width:790px}
.studio-items-workspace .igs-doc-table th{white-space:nowrap;padding:9px 5px}
.studio-items-workspace .igs-doc-table td{padding:5px!important;vertical-align:middle}
.studio-items-workspace .igs-doc-table td:nth-child(1){width:35px}
.studio-items-workspace .igs-doc-table th:nth-child(1){width:35px}
.studio-items-workspace .igs-doc-table th:nth-child(2){width:36%}
.studio-items-workspace .igs-doc-table th:nth-child(3){width:9%}
.studio-items-workspace .igs-doc-table th:nth-child(4){width:11%}
.studio-items-workspace .igs-doc-table th:nth-child(5){width:13%}
.studio-items-workspace .igs-doc-table th:nth-child(6){width:12%}
.studio-items-workspace .igs-doc-table th:nth-child(7){width:180px}
.studio-items-workspace .igs-doc-table input,.studio-items-workspace .igs-doc-table select{min-width:0;width:100%;height:36px;padding:6px!important;font-size:11px}
.studio-items-workspace .igs-doc-table .product-ref{flex:1 1 40%;min-width:100px}
.studio-items-workspace .igs-doc-table .desc-input{flex:1 1 60%;min-width:0}
.studio-items-workspace .igs-doc-row-actions button{font-size:11px;padding:5px 7px;min-height:28px}
.studio-items-workspace .igs-doc-selected td{background:#f2f9fa;border-bottom-color:#b8dadd}
.studio-items-workspace .igs-doc-total{margin:12px 0 6px;padding:11px 13px}
.studio-items-workspace .igs-doc-total strong{font-size:18px}
.igs-doc-drawer{position:fixed;z-index:110;inset-block:14px;inset-inline-end:14px;width:min(550px,calc(100vw - 28px));display:flex;flex-direction:column;background:#fff;box-shadow:0 15px 55px #102c4750;border:1px solid #cbdae3;border-radius:15px;overflow:hidden;direction:rtl}
.igs-doc-drawer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;border-bottom:1px solid #d9e6eb;background:#f7fbfc}
.igs-doc-drawer-head p{margin:4px 0 0}
.igs-doc-drawer-body{padding:13px 16px 35px;overflow:auto;overscroll-behavior:contain;flex:1}
.igs-doc-drawer-body .item-details{border:0;background:transparent;padding:0;margin:0}
.igs-doc-drawer-body .formgrid,.igs-doc-drawer-body .formgrid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.igs-doc-drawer-body input,.igs-doc-drawer-body select,.igs-doc-drawer-body textarea{width:100%;min-width:0}
@media(max-width:900px){
 .igs-doc-product-inline{flex-direction:column;align-items:stretch;gap:4px}
 .igs-doc-product-inline>select,.igs-doc-product-inline>.product-ref,.igs-doc-product-inline>.item-description,.igs-doc-product-inline>.desc-input{flex:auto;width:100%;}
 .invoice-workspace .document-items-section:not(.igs-doc-expanded) table.invoice-items{min-width:680px}
 .invoice-workspace .document-items-section .invoice-items{display:table!important}
 .invoice-workspace .document-items-section .invoice-items thead{display:table-header-group!important}
 .invoice-workspace .document-items-section .invoice-items tbody{display:table-row-group!important}
 .invoice-workspace .document-items-section .invoice-items tr{display:table-row!important}
 .invoice-workspace .document-items-section .invoice-items td{display:table-cell!important}
 .invoice-workspace .document-items-section .invoice-items td:before{display:none!important}
 .invoice-workspace .document-items-section .invoice-items td:first-child{display:table-cell!important}
 .invoice-workspace .document-items-section .invoice-items .igs-doc-row-actions{display:table-cell!important}
 .igs-doc-row-buttons{flex-wrap:wrap}
}
@media(max-width:640px){
 .studio-items-workspace{padding:12px!important}
 .studio-items-workspace .igs-doc-table{min-width:780px}
 .studio-items-workspace .igs-doc-table .igs-doc-product-inline{flex-direction:row}
 .igs-doc-drawer{inset:0;width:100vw;border-radius:0;z-index:300}
 .igs-doc-drawer-body .formgrid,.igs-doc-drawer-body .formgrid.four{grid-template-columns:1fr}
 .igs-doc-viewbar{align-items:flex-start}
}
/* Do not allow a long item table to widen the entire document workspace. */
.invoice-workspace,.invoice-workspace #record-form,.invoice-workspace .document-items-section,
.invoice-workspace .document-items-scroll{min-width:0;max-width:100%}
.invoice-workspace .document-items-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.invoice-workspace .igs-doc-selected td{background:#f0f8fa!important}
.igs-doc-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}
.igs-doc-detail-grid>div{min-width:0;background:#f6f9fc;padding:12px;border-radius:9px;display:grid;gap:6px}
.igs-doc-detail-grid small{font-size:11px;color:#697d91}
.igs-doc-detail-grid strong{font-size:14px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;direction:auto}
.igs-doc-viewbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.igs-doc-viewbar-actions [hidden]{display:none!important}