/* Arkë / Banka / Kontabilitet category-only canvas. No shell, financial or print changes. */
@media screen {
 :is(#ledgerScreen,#treasuryDetail,#glScreen,#glDetail,#glAccountScreen){font-family:Arial,sans-serif;color:#222;padding:6px 10px 10px;background:#f0f0f0;min-width:0;box-sizing:border-box}
 :is(#ledgerScreen,#treasuryDetail,#glScreen,#glDetail,#glAccountScreen) :is(input,select,textarea,button,summary){font-family:Arial,sans-serif;font-size:12px}
 :is(#ledgerScreen,#treasuryDetail,#glScreen,#glDetail,#glAccountScreen) :is(.action,.ghost,.btn){border-radius:2px;min-height:28px;padding:4px 10px;box-shadow:none;font-weight:400}
 :is(#ledgerScreen,#treasuryDetail,#glScreen,#glDetail,#glAccountScreen) :is(input,select,textarea):focus-visible{outline:2px solid #3179f2;outline-offset:1px}
 :is(#ledgerScreen,#glScreen,#glAccountScreen) .table{width:100%;margin:0;border-collapse:collapse;background:#fff}
 :is(#ledgerScreen,#glScreen,#glAccountScreen) .table :is(th,td){height:30px;padding:3px 6px;border:1px solid #d2d2d7;font-size:12px;box-sizing:border-box}
 :is(#ledgerScreen,#glScreen,#glAccountScreen) .table th{position:sticky;top:0;z-index:1;background:#e7e7ec;color:#34343a;font-weight:400;white-space:nowrap}
 :is(#ledgerScreen,#glScreen,#glAccountScreen) .table tbody tr:nth-child(even){background:#f5f5f7}
 :is(#ledgerScreen,#glScreen,#glAccountScreen) .table tbody tr:nth-child(odd){background:#fff}
 :is(#ledgerScreen,#glScreen) .moneyListHeading,#ledgerScreen .docTop,#glAccountScreen>.detailToolbar{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;margin:0 0 8px;padding:0;border:0}
 :is(#ledgerScreen,#glScreen) .moneyListHeading h1,#ledgerScreen .docTop h1,#glAccountScreen>.detailToolbar h1{font:400 28px/1.2 Arial,sans-serif;text-align:center;margin:0 110px 5px;flex:1}
 :is(#ledgerScreen,#glScreen) .moneyListHeading>button,#ledgerScreen .docTop>button,#glAccountScreen>.detailToolbar>#glAccountBack{position:absolute;right:0;top:2px}
 #ledgerScreen .moneyListCanvas,#glJournalPanel{min-height:calc(100dvh - 90px);display:flex;flex-direction:column;gap:8px;min-width:0}
 #ledgerScreen:has(#treasuryForm:not(.hidden)) #moneyLedgerList{display:none}
 #ledgerScreen .moneyListCanvas>.masterTools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 0;margin:0;border:0;background:transparent}
 #ledgerScreen .moneyListCanvas>.masterTools :is(input,select){height:28px;border:1px solid #c6c6cc;padding:3px 6px;border-radius:2px}
 #ledgerScreen .moneyLedgerGrid,#glScreen .moneyJournalGrid{order:3;flex:1;min-height:280px;max-height:calc(100dvh - 265px);overflow:auto;border:1px solid #bbb;background:#fff}
 #ledgerScreen .moneyLedgerGrid table{min-width:840px}
 #ledgerScreen .balanceCards{order:4;display:flex;justify-content:flex-end;gap:22px;margin:0;padding:6px 2px;border-top:1px solid #ccc}
 #ledgerScreen .balanceCard{display:flex;flex-direction:column;gap:4px;text-align:right;background:none;border:0;border-radius:0;box-shadow:none;padding:0;min-width:110px}
 #ledgerScreen .balanceCard span{font-size:11px;color:#555;max-width:235px}
 #ledgerScreen .balanceCard b{font-size:16px;font-weight:400;font-variant-numeric:tabular-nums}
 #ledgerScreen .moneyListCanvas>.muted{order:5;font-size:11px;line-height:1.45;margin:0;color:#65656d}
 #ledgerScreen #treasuryForm:not(.hidden){display:flex;flex-direction:column;height:calc(100dvh - 80px);min-height:560px;width:100%;max-width:none;margin:0;padding:0;border:0;box-shadow:none;border-radius:0;background:transparent;gap:0}
 #ledgerScreen .moneyDocumentHeading,#glScreen .glDraftHeading{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;margin:0 0 10px;padding:0;border:0;flex:none}
 #ledgerScreen .moneyDocumentHeading h1,#glScreen .glDraftHeading h1{font:400 28px/1.2 Arial,sans-serif;text-align:center;margin:0 90px 4px;padding:0;border:0;flex:1}
 #ledgerScreen .moneyDocumentHeading>span,#glScreen .glDraftHeading>span{position:absolute;right:4px;top:7px;font-size:12px;font-weight:400;color:#444}
 #ledgerScreen .moneyDocumentHeader{display:grid;grid-template-columns:minmax(190px,1fr) minmax(210px,1fr) minmax(240px,1fr);gap:28px;align-items:start;min-height:108px;margin:0 0 14px}
 #ledgerScreen .moneyHeaderColumn{display:grid;grid-template-columns:88px minmax(0,1fr);gap:5px 8px;align-content:start;align-items:center;font-size:12px}
 #ledgerScreen .moneyHeaderColumn>label{margin:0;line-height:1.2;white-space:nowrap}
 #ledgerScreen .moneyHeaderColumn :is(input,select){width:100%;min-width:0;height:26px;margin:0;padding:3px 6px;border:1px solid #bfc1c7;border-radius:2px;background:#fff;color:#222;box-sizing:border-box}
 #ledgerScreen .moneyHeaderColumn>small{grid-column:2;font-size:10px;color:#666;margin:0 0 5px}
 #ledgerScreen .moneyTransferTarget{display:contents}
 #ledgerScreen .moneyTransferTarget:has(select:disabled){display:none}
 #ledgerScreen .moneyCurrency{grid-column:1/-1;display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;align-items:center;min-height:26px}
 #ledgerScreen .moneyCurrency b{font-weight:400;padding-left:6px}
 #ledgerScreen .moneyOperationWorkarea{flex:1;min-height:230px;border:1px solid #c5c5cb;background:#fff;display:flex;flex-direction:column}
 #ledgerScreen .moneyOperationCaption{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:#e7e7ec;border-bottom:1px solid #c5c5cb;font-size:12px}
 #ledgerScreen .moneyOperationCaption strong{font-weight:400}
 #ledgerScreen .moneyOperationCaption>span{color:#62626a;font-size:11px}
 #ledgerScreen .moneyOperationScroll{overflow:auto}
 #ledgerScreen .moneyOperationSummary{min-width:760px;table-layout:fixed}
 #ledgerScreen .moneyOperationSummary td{height:34px;overflow-wrap:anywhere}
 #ledgerScreen .moneyOperationSummary :is(td,th):last-child{text-align:right;font-variant-numeric:tabular-nums}
 #ledgerScreen .moneyContractNote{font-size:12px;color:#65656d;line-height:1.6;max-width:700px;margin:18px 12px}
 #ledgerScreen .moneyDocumentFooter,#glScreen .glDraftFooter{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;flex:none;margin:0;padding:9px 0 5px;border-top:1px solid #c5c5cb}
 #ledgerScreen .moneyDocumentFooter>button:first-child{justify-self:start}
 #ledgerScreen .moneyFooterAmount{justify-self:end;display:flex;flex-direction:column;gap:3px;min-width:120px;text-align:right;font-variant-numeric:tabular-nums}
 #ledgerScreen .moneyFooterAmount>span{font-size:11px;color:#555}
 #ledgerScreen .moneyFooterAmount>b{font-weight:400;font-size:18px}
 #ledgerScreen .moneyDocumentHint{font-size:11px;line-height:1.45;margin:4px 0 0;padding:0;color:#62626a;flex:none}
 #glScreen #glForm:not([hidden]){position:relative;display:flex;flex-direction:column;height:calc(100dvh - 62px);min-height:600px;gap:0}
 #glScreen .glDraftHeading{height:39px;min-height:39px;margin-bottom:8px;border-bottom:1px solid #bfbfc3}
 #glScreen .glDraftHeading>span{top:18px;color:#3596b5;font-size:14px}
 #glScreen .glDraftHeader{grid-template-columns:120px minmax(140px,340px);grid-auto-rows:25px;gap:1px 3px;max-width:463px;margin:0 0 21px;flex:none}
 #glScreen .glDraftHeader input,#glScreen .glDraftCurrency{height:25px;font-family:Arial,sans-serif;font-size:12px;padding:2px 6px;border-radius:2px}
 #glScreen .glDraftHeader label{font-size:12px}
 #glScreen .glDraftGridWrap{flex:1;min-height:300px;max-height:none;margin:0 22px 8px 12px;border:1px solid #d1d1d5}
 #glScreen .glDraftGrid{min-width:800px}
 #glScreen .glDraftGrid :is(th,td){height:30px;padding:0 8px;border-color:#d6d6d9}
 #glScreen .glDraftGrid th{height:33px;font-weight:600;background:#ededf0}
 #glScreen .glDraftGrid :is(input,select){font:12px Arial,sans-serif;height:26px;padding:2px 4px;border-radius:0;background:transparent;border:1px solid transparent}
 #glScreen .glDraftGrid :is(input,select):hover{border-color:#bec3cb}
 #glScreen .glNrCol{width:50px}#glScreen .glAccountCol{width:160px}#glScreen .glCurrencyCol{width:80px}#glScreen .glAmountCol{width:120px}#glScreen .glRemoveCol{width:48px}
 #glScreen .glDraftGrid .gl-remove{font-size:11px;min-height:23px;height:23px;border:0;background:transparent;color:#657078}
 #glScreen .glDraftGrid .gl-remove:hover{color:#9a2222;background:#fceaea}
 #glScreen .glDraftFooter{height:74px;min-height:74px;align-items:start;padding:0;border-top:1px solid #d2d2d5}
 #glScreen .glDraftNavigation{gap:6px;padding-top:7px}
 #glScreen #glSave{align-self:end;margin-bottom:4px}
 #glScreen #glTotals{font:12px Arial,sans-serif;gap:2px 10px;margin-top:1px}
 #glScreen #glTotals>span:not(.glDifference){display:grid;grid-template-rows:24px 1fr;gap:0;width:69px;min-width:69px;height:58px;border:1px solid #dcdcdf;text-align:center;line-height:24px;font-weight:600}
 #glScreen #glTotals b{font-size:12px;font-weight:400;font-variant-numeric:tabular-nums;color:#222}
 #glScreen #glTotals>span:not(.glDifference)>b{border-top:1px solid #dcdcdf;padding:0 4px;text-align:right;line-height:20px}
 #glScreen #glTotals .glDifference{font-size:10px;line-height:12px;gap:7px}
 #glScreen #glTotals .glDifference b{font-size:10px}
 #glScreen #glDraftNote{position:absolute;bottom:0;left:0;max-width:35%;font:10px/1.3 Arial,sans-serif;margin:0;color:#666}
 #glScreen .moneyListActions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:2px 0}
 #glScreen .moneyRelatedActions{position:relative;margin-left:auto}
 #glScreen .moneyRelatedActions>summary{list-style:none;border:1px solid #bbb;border-radius:2px;padding:5px 10px;cursor:pointer;background:#fff}
 #glScreen .moneyRelatedActions>div{position:absolute;right:0;top:100%;z-index:8;display:grid;grid-template-columns:1fr;gap:4px;min-width:245px;padding:7px;background:#fff;border:1px solid #bbb;box-shadow:0 2px 6px #0002;max-height:60vh;overflow:auto}
 #glScreen .moneyRelatedActions:not([open])>div{display:none}
 #glScreen .moneyRelatedActions button{text-align:left}
 #glScreen .moneyListCanvas>p{font:11px/1.4 Arial,sans-serif;margin:0;color:#666}
 #glScreen .moneyJournalFilters{display:grid;grid-template-columns:minmax(240px,1fr) 175px 175px;gap:16px;margin:2px 0 5px}
 #glScreen .moneyJournalFilters label{display:grid;grid-template-columns:1fr;gap:4px;font-size:12px}
 #glScreen .moneyJournalFilters input{height:27px;padding:3px 6px;border:1px solid #bfc1c7;border-radius:2px}
 #glScreen .moneyJournalGrid table{min-width:760px}
 #glAccountScreen>p{font:11px/1.45 Arial,sans-serif;margin:0 0 12px;color:#62626a}
 #glAccountScreen #glAccountForm{padding:10px 0;margin:0 0 14px;border:0;border-bottom:1px solid #c8c8cd;background:transparent}
 #glAccountScreen #glAccountForm .formGrid{display:grid;grid-template-columns:140px minmax(200px,1fr) 180px 90px;gap:14px;align-items:end;margin-bottom:8px}
 #glAccountScreen #glAccountForm label{display:flex;flex-direction:column;gap:5px;font-size:12px}
 #glAccountScreen #glAccountForm :is(input,select){height:27px;border:1px solid #bfc1c7;border-radius:2px;padding:3px 6px}
 #glAccountScreen #glAccountForm input[type=checkbox]{width:16px;height:16px;margin:5px 0}
 :is(#glDetail,#treasuryDetail) .printSheet{max-width:none;width:100%;padding:14px 10px;border:1px solid #c7c7ce;box-shadow:none;background:#fff;margin:5px 0 12px;box-sizing:border-box}
 :is(#glDetail,#treasuryDetail) .printSheet h1{text-align:center;font:400 28px/1.2 Arial,sans-serif;margin:0 0 14px}
 :is(#glDetail,#treasuryDetail) .printSheet h2{font:400 19px Arial,sans-serif}
 :is(#glDetail,#treasuryDetail) .printSheet :is(p,th,td){font-family:Arial,sans-serif;font-size:12px;line-height:1.5}
 :is(#glDetail,#treasuryDetail)>.detailToolbar{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:5px 0}
 :is(#glDetail,#treasuryDetail)>.detailToolbar h1{flex:0 0 100%;text-align:center;font:400 28px Arial,sans-serif;margin:0 0 7px}
 :is(#glDetail,#treasuryDetail) :is(#glReverseForm,#treasuryCancelForm){background:#fff;border:1px solid #ccc;padding:10px;font-size:12px}
}
@media screen and (max-width:1100px){#ledgerScreen .moneyDocumentHeader{gap:16px;grid-template-columns:minmax(150px,1fr) minmax(180px,1fr) minmax(200px,1fr)}#ledgerScreen .moneyHeaderColumn{grid-template-columns:75px minmax(0,1fr)}#ledgerScreen .moneyCurrency{grid-template-columns:75px minmax(0,1fr)}}
@media screen and (max-width:900px){#ledgerScreen .moneyDocumentHeader{grid-template-columns:1fr 1fr;gap:14px}#ledgerScreen .moneyHeaderColumn:last-child{grid-column:1/-1;grid-template-columns:90px minmax(0,1fr)}#ledgerScreen #treasuryForm:not(.hidden),#glScreen #glForm:not([hidden]){height:auto;min-height:calc(100dvh - 80px)}#ledgerScreen .moneyOperationWorkarea{min-height:300px}#glScreen .glDraftGridWrap{height:50vh;flex:none;margin-left:0;margin-right:0}#glScreen .glDraftFooter{height:auto;min-height:74px}#glScreen #glDraftNote{position:static;max-width:none;margin-top:5px}#glScreen #glSave{align-self:center;margin:0}#glScreen .moneyJournalFilters{grid-template-columns:1fr 150px 150px}#glAccountScreen #glAccountForm .formGrid{grid-template-columns:1fr 1fr}}
@media screen and (max-width:600px){#ledgerScreen .moneyDocumentHeader{grid-template-columns:1fr}#ledgerScreen .moneyHeaderColumn:last-child{grid-column:auto}#ledgerScreen .moneyHeaderColumn,#ledgerScreen .moneyHeaderColumn:last-child{grid-template-columns:85px minmax(0,1fr)}#ledgerScreen .moneyCurrency{grid-template-columns:85px minmax(0,1fr)}#ledgerScreen .moneyDocumentHeading h1,#glScreen .glDraftHeading h1{font-size:23px;margin-left:0;margin-right:52px}#ledgerScreen .moneyDocumentFooter,#glScreen .glDraftFooter{grid-template-columns:1fr auto;gap:8px}#ledgerScreen .moneyFooterAmount,#glScreen #glTotals{grid-column:1/-1;justify-self:end}#glScreen .moneyJournalFilters{grid-template-columns:1fr 1fr}#glScreen .moneyJournalFilters>label:first-child{grid-column:1/-1}#glScreen .glDraftHeader{grid-template-columns:95px minmax(0,1fr)}#ledgerScreen .balanceCards{gap:12px;flex-wrap:wrap}#glAccountScreen #glAccountForm .formGrid{grid-template-columns:1fr}}
#ledgerScreen .treasuryDocumentV1 .moneyDocumentHeading{border-bottom:1px solid #bfc1c7;margin-bottom:20px;padding-bottom:8px}
#ledgerScreen .treasuryDocumentV1 .moneyDocumentHeading h1{font-size:25px}
#ledgerScreen .treasuryDocumentV1 .moneyHeaderColumn{position:relative;grid-template-columns:82px minmax(0,1fr);row-gap:11px;font-size:13px}
#ledgerScreen .treasuryDocumentV1 .moneyHeaderColumn>small,#ledgerScreen .treasuryDocumentV1 .moneyCurrency{display:none}
#ledgerScreen .treasuryDocumentV1 [hidden]{display:none!important}
#ledgerScreen .treasuryDocumentV1 .treasuryAuto{position:absolute;right:1px;top:1px;width:24px;height:24px;padding:0;border:0;border-left:1px solid #ccc;background:#eee;color:#444}
#ledgerScreen .treasuryDocumentV1 #treasuryReference{padding-right:28px}
#ledgerScreen .treasuryDocumentV1 .moneyOperationWorkarea{border:0;margin:0 10px;min-height:200px;background:transparent}
#ledgerScreen .treasuryLinesViewport{overflow:auto;flex:1;border:1px solid #c5c5cb;background:#fff}
#ledgerScreen .treasuryLines{border-collapse:collapse;width:100%;table-layout:fixed;font:13px Arial,sans-serif}
#ledgerScreen .treasuryLines th{height:28px;background:#e8e8ee;text-align:left;border:1px solid #c9cbd2;font-weight:400;padding:3px 5px;position:sticky;top:0;z-index:1}
#ledgerScreen .treasuryLines td{height:21px;border:1px solid #d3d4da;padding:0 3px;overflow:hidden;white-space:nowrap}
#ledgerScreen .treasuryLines tr:nth-child(even){background:#f6f6f8}
#ledgerScreen .treasuryLines th:nth-child(1){width:36px}#ledgerScreen .treasuryLines th:nth-child(2){width:19%}#ledgerScreen .treasuryLines th:nth-child(3){width:25%}#ledgerScreen .treasuryLines th:nth-child(4){width:75px}#ledgerScreen .treasuryLines th:nth-child(5){width:55px}
#ledgerScreen .treasuryLines input{width:100%;height:20px;min-height:0;border:0;background:transparent;border-radius:0;padding:0 2px;font:inherit;box-sizing:border-box;outline-offset:-2px}
#ledgerScreen .treasuryLines td:nth-child(n+5),#ledgerScreen .treasuryLines input[inputmode=decimal]{text-align:right}
#ledgerScreen .treasuryLineTools{display:flex;gap:5px;padding:5px 0;font-size:12px;align-items:center}#ledgerScreen .treasuryLineTools button{font:inherit;padding:3px 7px;border:1px solid #ccc;background:#f8f8f8;border-radius:2px}
#ledgerScreen #treasuryLineTotals{margin-left:auto;white-space:pre;font-size:13px}
#treasuryDetail .treasurySavedLines{width:100%;border-collapse:collapse;font-size:12px;margin:15px 0}#treasuryDetail .treasurySavedLines :is(td,th){padding:4px;border:1px solid #ccc;text-align:left}
@media(max-width:800px){#ledgerScreen .treasuryDocumentV1 .moneyDocumentHeader{grid-template-columns:1fr;gap:15px}#ledgerScreen .treasuryLines{min-width:800px}#ledgerScreen .treasuryDocumentV1{height:auto!important;min-height:700px}#ledgerScreen .treasuryLinesViewport{min-height:300px}}

#ledgerScreen .treasuryDocumentV1 #treasuryDateText{grid-column:2;grid-row:3;padding-right:28px}#ledgerScreen .treasuryDocumentV1 .treasuryCalendarButton{grid-column:2;grid-row:3;justify-self:end;z-index:1;width:25px;height:25px;padding:0;background:transparent;border:0}#ledgerScreen .treasuryDocumentV1 #treasuryDate[hidden]{display:none!important}

#ledgerScreen .treasuryDocumentV1 .moneyDocumentFooter{grid-template-columns:1fr auto auto 1fr;gap:6px}#ledgerScreen .treasuryDocumentV1 .treasuryExtraActions{display:flex;gap:6px}#ledgerScreen .treasuryDocumentV1 .treasuryExtraActions button{white-space:nowrap;height:28px;padding:3px 10px}#ledgerScreen .treasuryDocumentV1 .moneyFooterAmount{justify-self:end}

#ledgerScreen .treasuryDocumentV1 .moneyDocumentFooter{grid-template-columns:auto 1fr auto auto auto 1fr;gap:6px}#ledgerScreen .treasuryDocumentV1 .moneyDocumentFooter :is(button,select){height:28px;border-radius:2px;font:13px Arial,sans-serif}#ledgerScreen .treasuryDocumentV1 #treasuryPrintMode{width:160px;padding:3px;border:1px solid #bbb;background:#fff}#ledgerScreen .treasuryDocumentV1 .treasurySearchButton{width:28px;padding:0;font-size:22px;border:1px solid #bbb;background:#fafafa}@media(max-width:800px){#ledgerScreen .treasuryDocumentV1 .moneyDocumentFooter{display:flex;flex-wrap:wrap;justify-content:center}#ledgerScreen .treasuryDocumentV1 .moneyFooterAmount{margin-left:auto}}

#ledgerScreen .treasuryDocumentV1 .moneyHeaderColumn>#treasuryAccountBalance{display:block;grid-column:2;font:12px Arial,sans-serif;color:#555;margin-top:-5px}
#ledgerScreen .treasuryDocumentV1 #treasuryClose{justify-self:start;width:auto}

#glDatePresentation{display:flex;position:relative;min-width:0}#glDatePresentation>input[type=text]{width:100%;padding-right:28px}#glDatePresentation>[hidden]{display:none!important}#glDatePresentation>button{position:absolute;right:0;top:0;height:26px;width:26px;border:0;background:transparent;padding:0}
@media screen{
 #glScreen #glDatePresentation>button{background:#258bea;color:#fff;border-radius:2px;font-size:0}
 #glScreen #glDatePresentation>button::before{content:'';display:block;width:12px;height:12px;border:1px solid currentColor;border-radius:2px;margin:auto;background:linear-gradient(currentColor,currentColor) 0 3px/100% 1px no-repeat}
 #glScreen .glEmptyRow :is(.gl-account,.gl-debit,.gl-credit):not(:focus){color:transparent}
 #glScreen .glEmptyRow .gl-account:not(:focus){appearance:none}
 #glScreen .glEmptyRow .gl-account option{color:#222}
 #glScreen .glEmptyRow .gl-remove:not(:focus){visibility:hidden}
 #glScreen .glEmptyRow:hover .gl-remove,#glScreen .glEmptyRow:focus-within .gl-remove{visibility:visible}
}

@media screen{#glScreen .glRateCol{width:54px}#glScreen .gl-line-rate{text-align:right;font-variant-numeric:tabular-nums}}

@media screen{#glScreen .gl-line-base{text-align:right;font-variant-numeric:tabular-nums}#glScreen .glAmountCol{width:108px}}

@media screen{#glScreen .glNumberControl{display:flex;min-width:0}#glScreen .glNumberControl input{flex:1;min-width:0}#glScreen .glNumberControl button{width:27px;padding:0;border:1px solid #ccc}#glScreen #glDocumentType{height:25px;font:12px Arial,sans-serif;border:1px solid #ccc;border-radius:2px}#glScreen .glSaveActions{display:flex;align-self:end;gap:5px;align-items:center}#glScreen .glSaveActions select{height:27px;max-width:168px;font-size:12px}#glScreen #glSave{margin:0}#glScreen .glSaveActions button{font-size:12px;white-space:nowrap}}
@media screen{
 #glScreen #glDraftNote,#glScreen #glAddLine,#glScreen #glDraftYear{display:none}
 #glScreen .glDraftNavigation{display:flex;align-items:center;gap:8px}
 #glScreen .glFooterSearch{border:0;background:transparent;padding:2px;width:28px;height:28px;color:#14526a}
 #glScreen .glFooterSearch svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
 #glScreen .glSaveActions{gap:18px;align-items:end;padding-bottom:4px}
 #glScreen .glSaveActions select{width:168px;height:21px;border:1px solid #ddd;border-radius:5px;padding:0 4px;background:white}
 #glScreen .glSaveActions .glFooterIcon{position:relative;width:38px;height:36px;min-height:36px;padding:2px;border:0;border-radius:0;background:transparent;color:#14526a}
 #glScreen .glFooterIcon svg{width:30px;height:30px;fill:currentColor}
 #glScreen #glDraftNew svg{fill:none;stroke:currentColor;stroke-width:1.4}
 #glScreen .glFooterIcon .glSavePlus{position:absolute;right:1px;bottom:1px;background:#e5a48c;color:white;font:bold 17px Arial;line-height:16px;width:16px;height:16px}
 #glScreen .glFooterIcon:disabled{opacity:.4}
 #glScreen #glDraftPlaceholders tr{cursor:text}
 #glScreen #glTotals{display:flex;justify-self:end;align-items:start;flex-wrap:wrap;max-width:160px}
}
@media screen{
 #glScreen .glDraftHeader{grid-template-columns:25% minmax(0,1fr);width:49%;max-width:none}
 #glScreen .glDraftGrid{width:100%;table-layout:fixed}
 #glScreen .glDraftGrid :is(input,select){width:100%;min-width:0}
 #glScreen .glDraftFooter{grid-template-columns:22% auto 1fr}
}
@media screen and (max-width:700px){#glScreen .glDraftHeader{width:100%}#glScreen .glDraftFooter{grid-template-columns:auto 1fr}#glScreen .glSaveActions{gap:10px;justify-self:end}}