html,body{height:100%;width:100%;overflow:hidden}
body{height:100dvh;display:flex;flex-direction:column}
.window-title{flex:0 0 29px;min-width:0;align-items:center}
.window-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.desktop-viewport{flex:1;min-width:0;min-height:0;overflow:hidden;padding:0;display:flex;justify-content:center;align-items:flex-start}
.desktop{flex-shrink:0;margin:0;box-shadow:none;transform-origin:top center}
.main-page .desktop{border:0}
.login-page .desktop-viewport{padding:0;align-items:center}
.login-page .desktop{transform-origin:center}
.login-error{flex-shrink:0;margin:8px}
.embedded-page>.window-title{display:none}
.Main .legacy-button{border:0}
.Main #panel1{background:linear-gradient(180deg,#1e293b,#334155)!important}
.icon-button{background:transparent!important;border:0;pointer-events:none}
.legacy-label{text-align:center}
.legacy-grid{table-layout:fixed;font-size:inherit}
.legacy-grid th{min-width:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 1px;font-size:12px;height:23px;background:linear-gradient(#fff,#d6e0ec)}
.legacy-grid td{height:23px;padding:1px 2px;font-size:12px;overflow:hidden;text-overflow:ellipsis}
.legacy-grid input,.legacy-grid select{min-width:0;padding:2px;font-size:12px}
.legacy-grid tbody tr:nth-child(even){background:#f4f8ff}
.legacy-grid .num,.legacy-grid .date,.num-box{direction:ltr!important;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
input.num-box{text-align:center}
.legacy-grid .debt-credit{color:#b3261e}
.legacy-grid .debt-cash{color:#1e7b45}
.legacy-grid .row-action{border:1px solid #8a9aa9;background:#eef3f7;padding:0 8px;font-size:11px;line-height:18px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.workflow-bar{position:static;flex:0 0 auto;gap:5px;padding:6px;min-width:0;font-size:12px}
.workflow-bar label{min-width:0;gap:3px}
.workflow-bar input{width:112px;min-width:0;max-width:100%;height:28px}
.workflow-bar button{min-height:28px;white-space:nowrap}
.workflow-bar select{max-width:100%;height:28px}
#pagination{white-space:nowrap}
#report-sums{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}
body:has(.FormQasa) .workflow-bar label{display:none}
body:has(.FormAddOldDebtCompany,.FormAddOldDebtCustomer) .workflow-bar label:has(#posting-currency,#posting-amount,#posting-note){display:none}
/* The original opening-stock screen has no payment and no invoice discount */
body:has(.FormAddiTemsInStore) .workflow-bar label:has(#invoice-discount,#posting-paid){display:none}
dialog{max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);overflow:auto;margin:auto;padding:12px;overscroll-behavior:contain}
dialog::backdrop{background:#101c2c75}
.form-dialog{padding:0;border:1px solid #8799aa;overflow:hidden;background:#eee}
.form-dialog[open]{display:flex;flex-direction:column}
.form-dialog>.window-title{padding:4px 9px;border-bottom:1px solid #91a0ad}
.form-dialog>iframe{border:0;display:block;width:100%;flex:1;min-height:0;background:#eee}
.form-dialog .dialog-close{float:none;padding:0 7px;font-size:19px;line-height:20px;color:#111}
.dialog-close:focus-visible,.window-title button:focus-visible{outline:2px solid #1266a9}
.document-row{display:flex;gap:5px;align-items:center;padding:5px 0;border-bottom:1px solid #ccc;font-size:12px;flex-wrap:wrap}
.document-row>span{flex:1;min-width:150px;overflow-wrap:anywhere}
#users-dialog{width:min(680px,calc(100vw - 16px))}
#permission-list{columns:3;height:min(350px,40dvh)}
.legacy-control:focus-visible{outline:2px solid #1266a9}
@media(max-width:719px){
 .workflow-bar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:5px;font-size:11px}
 .workflow-bar label{grid-column:span 4;display:flex;flex-wrap:wrap;align-content:start}
 .workflow-bar label>input,.workflow-bar label>select{flex:1;width:70px;font-size:13px}
 .workflow-bar button{grid-column:span 2;min-width:0;padding:3px;font-size:11px;white-space:normal}
 .workflow-bar>select{grid-column:span 4}
 #pagination{grid-column:span 2;text-align:center;align-self:center;font-size:11px}
 #report-sums{grid-column:1/-1}
 #users-dialog label{margin:5px}
 #permission-list{columns:2}
 .compact-screen .desktop:not(.Main){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;align-content:stretch;direction:rtl}
 .compact-screen .desktop:not(.Main)>.legacy-control{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-width:0;min-height:0;font-size:13px!important;order:var(--control-order);grid-column:span var(--mobile-span);overflow:hidden}
 .compact-screen .desktop>.grid-wrap{direction:rtl}
 .compact-screen .desktop>.container-control{display:flex;flex-wrap:wrap;gap:4px;padding:4px;align-items:center;justify-content:center}
 .compact-screen .desktop>.container-control>.legacy-control{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-width:0;flex:1;max-width:100%;font-size:12px!important}
 .compact-screen .desktop .TabControl{padding:0!important;display:flex;flex-direction:column}
 .compact-screen .desktop .TabPage{position:relative!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(23px,auto);gap:3px;width:100%!important;height:100%!important;min-height:0;overflow:hidden}
 .compact-screen .TabPage>.legacy-control{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-width:0;min-height:0;font-size:12px!important;grid-column:span 2}
 .compact-screen .TabPage>.grid-wrap{grid-column:1/-1;min-height:90px!important;max-height:180px}
 .compact-screen .TabPage>.container-control{display:flex;align-items:center;gap:3px;overflow:hidden;padding:2px}
 .compact-screen .TabPage>.container-control>.legacy-control{position:static!important;width:auto!important;height:auto!important;flex:1;min-width:0;font-size:11px!important}
 .compact-screen .desktop>.container-control:has(>.grid-wrap){display:flex;flex-direction:column;align-items:stretch}
 .compact-screen .desktop>.container-control>.grid-wrap{height:0!important;width:100%!important;min-height:0!important;flex:1 1 0;overflow:auto}
 .compact-screen .container-control .group-caption{position:static;flex-basis:100%;font-size:11px}
 .compact-screen .legacy-label{font-size:12px!important;line-height:1.1}
 .compact-screen .legacy-button{font-size:12px!important;padding:3px}
 .compact-screen .legacy-menu{font-size:10px!important}
 .compact-screen .legacy-grid thead{display:none}
 .compact-screen .legacy-grid,.compact-screen .legacy-grid tbody{display:block;width:100%}
 .compact-screen .legacy-grid tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:2px solid #8c9ead}
 .compact-screen .legacy-grid td{display:flex;flex-direction:column;justify-content:center;min-width:0;height:auto;min-height:35px;white-space:normal;overflow-wrap:anywhere;font-size:12px}
 .compact-screen .legacy-grid td::before{content:attr(data-label);font-size:10px;color:#536575;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 .compact-screen .legacy-grid input,.compact-screen .legacy-grid select{font-size:14px;height:24px}
 .Main.mobile-home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:64px repeat(13,minmax(0,1fr)) 20px;gap:4px;padding:5px;direction:rtl}
 .Main.mobile-home>.legacy-button{position:static!important;width:auto!important;height:auto!important;font-size:12px!important;min-height:0;padding:3px}
 .Main.mobile-home>#panel1{position:static!important;grid-column:1/-1;width:auto!important;height:64px!important;order:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:29px 29px;gap:2px;padding:2px}
 .Main.mobile-home>#panel1>.legacy-control{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-width:0;font-size:10px!important}
 .Main.mobile-home>#panel1 img{max-height:27px!important}
 .Main.mobile-home>.legacy-menu,.Main.mobile-home>.legacy-label{position:static!important;width:auto!important;height:auto!important;font-size:10px!important;order:100}
 .Main.mobile-home>.legacy-label:empty{display:none}
 .Main.mobile-home>#menuStrip1{grid-column:1/-1;display:none}
 .Main.mobile-home>#label1{grid-column:1;font-size:10px!important}
 .Main.mobile-home>#label12{grid-column:2/4;font-size:10px!important}
}
@media print{
 html,body{height:auto;overflow:visible;display:block}
 .desktop-viewport{display:block;overflow:visible}
 .desktop{transform:none!important;width:auto!important;height:auto!important}
 .compact-screen .legacy-grid,.compact-screen .legacy-grid tbody{display:table}
 .compact-screen .legacy-grid thead{display:table-header-group}
 .compact-screen .legacy-grid tr{display:table-row}
 .compact-screen .legacy-grid td{display:table-cell}
 .compact-screen .legacy-grid td::before{display:none}
}