#assetScreen #assetWorkspaceNav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
#assetScreen #assetWorkspaceNav [aria-current=page]{background:#146b60;color:#fff;border-color:#146b60}
#assetScreen #assetWorkspaceFilters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:16px;background:#f1f3f4;border:1px solid #d5dadd;margin-bottom:16px}
#assetScreen #assetWorkspaceFilters label{display:flex;flex-direction:column;gap:6px}
#assetScreen #assetWorkspaceFilters input,#assetScreen #assetWorkspaceFilters select{min-height:34px;max-width:100%;box-sizing:border-box}
#assetScreen #assetWorkspaceResults{flex-basis:100%;margin:4px 0 0}
#assetScreen #assetMonthlyRows tr[hidden]{display:none!important}
#assetScreen:not([data-asset-workspace=search]) #assetWorkspaceFilters{display:none}
#assetScreen[data-asset-workspace=initial] :is(#assetMonthly,#assetRegister,#assetReportArea,#assetControls>.filters,#assetPrint,#assetNew){display:none}
#assetScreen[data-asset-workspace=monthly] :is(#assetControls,#assetRegister,#assetReportArea,#assetPrint,#assetNew){display:none}
#assetScreen[data-asset-workspace=search] :is(#assetControls,#assetRegister,#assetReportArea,#assetMonthForm,#assetMonthForm+p,#assetPrint,#assetNew){display:none}
#assetScreen[data-asset-workspace=initial] #assetForm{max-width:1050px}
#assetScreen :is(button,input,select):focus-visible{outline:2px solid #146b60;outline-offset:2px}
@media(max-width:640px){#assetScreen #assetWorkspaceFilters label{width:100%}#assetScreen #assetWorkspaceNav button{flex:1 1 45%}#assetScreen #assetMonthly{overflow-x:auto}}
@media print{#assetWorkspaceNav,#assetWorkspaceFilters{display:none!important}}
#assetScreen[data-asset-documents=on]>:not(#assetWorkspaceNav):not(#assetDocuments){display:none!important}
#assetScreen:not([data-asset-documents=on])>#assetDocuments{display:none}
#assetDocuments{font-family:Verdana,Geneva,sans-serif;font-size:13px}
#assetDocuments .assetDocumentHeading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #c5c8ca;padding:4px 12px 8px;gap:12px}
#assetDocuments .assetDocumentHeading h2{font-weight:400;font-size:28px;margin:0 auto}
#assetDocuments .assetDocumentFields{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;padding:16px 10px;background:#f0f0f0}
#assetDocuments .assetDocumentFields label{display:flex;flex-direction:column;gap:5px}
#assetDocuments input,#assetDocuments select{min-width:0;width:100%;box-sizing:border-box;min-height:28px;border:1px solid #d2d4d8;background:#fff;border-radius:3px;padding:3px 5px;font:inherit}
#assetDocuments input[type=checkbox]{width:auto;min-height:0}
#assetDocuments .assetDocumentTableWrap{overflow:auto;max-height:430px;margin:16px 0;border:1px solid #ccc}
#assetDocuments table{width:100%;min-width:900px;border-collapse:collapse}
#assetDocuments th{background:#ebecf0;text-align:left;position:sticky;top:0;z-index:1}
#assetDocuments td,#assetDocuments th{border:1px solid #d4d4d4;padding:6px 8px;vertical-align:top}
#assetDocuments tr:nth-child(even){background:#f8f8f8}
#assetDocuments details{min-width:120px}#assetDocuments details[open]{min-width:220px}
#assetDocuments details label{display:block;margin:6px 0}
#assetDocuments .assetDocumentHint{font-size:12px;color:#555}
#assetDocumentActions,#assetDocumentPager{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0}
#assetDocumentStatus{white-space:pre-wrap;overflow-wrap:anywhere;min-height:20px}
#assetDocumentForm .assetDocumentFields{display:flex;flex-direction:column;gap:2px;padding:8px 0;width:min(520px,100%)}
#assetDocumentForm .assetDocumentFields label{display:grid;grid-template-columns:130px minmax(0,376px);align-items:center;gap:5px}
#assetDocumentForm .assetDocumentFields label:has(input[type=checkbox]){display:flex;flex-direction:row;gap:8px}
#assetDocumentTable th:first-child{width:48px}#assetDocumentTable th:nth-child(2){width:130px}#assetDocumentTable th:nth-child(3){min-width:180px}
#assetDocumentTable th:nth-child(4){width:130px}#assetDocumentTable th:nth-child(5),#assetDocumentTable th:nth-child(6){width:150px}
#assetScreen.on[data-asset-documents=on]{display:flex;flex-direction:column;background:#efefef}
#assetScreen[data-asset-documents=on] #assetWorkspaceNav{order:2}
#assetDocumentStatus:empty{display:none}
#assetDocumentForm .assetDocumentFields{padding:8px 0 0;gap:0}
#assetDocumentForm .assetDocumentFields input{height:26px;min-height:26px}
#assetDocumentForm .assetDocumentFields label:has(input[type=checkbox]){height:26px}
#assetDocumentForm .assetDocumentFields input[type=checkbox]{height:auto;min-height:0}
#assetDocuments .assetDocumentDate{display:flex;min-width:0}
#assetDocuments .assetDocumentDate input[type=text]{flex:1;min-width:0;border-radius:3px 0 0 3px}
#assetDocuments .assetDocumentDate input[type=date]{flex:0 0 28px;width:28px;color:transparent;padding:2px;background:#3485ee;border-radius:0 3px 3px 0;overflow:hidden}
#assetDocuments .assetDocumentDate input[type=date]::-webkit-calendar-picker-indicator{margin:0;padding:0;filter:invert(1);opacity:1}
@media(max-width:800px){#assetDocuments .assetDocumentFields{grid-template-columns:1fr}#assetDocuments .assetDocumentHeading{flex-wrap:wrap}#assetDocuments .assetDocumentHeading h2{font-size:22px}}

#assetDocuments .assetDocumentPlaceholder{height:21px}#assetDocuments .assetDocumentPlaceholder td{padding:2px 8px;height:21px}
#assetDocuments tfoot{position:sticky;bottom:0;background:#ebecf0;font-weight:600;z-index:2}#assetDocuments tfoot th{position:static}
/* Amortizimi-only reference geometry; shared Inventory styles are untouched. */
#assetScreen.on[data-asset-documents=on]{padding:0 12px;min-height:calc(100vh - 49px)}
#assetScreen[data-asset-documents=on] #assetWorkspaceNav{margin:0;padding:4px 0;gap:8px;border-top:1px solid #d5d5d5}
#assetScreen[data-asset-documents=on] #assetWorkspaceNav button{font-size:11px;padding:3px 7px;min-height:22px}
#assetDocuments{font-family:Arial,sans-serif;color:#292929}
#assetDocuments .assetDocumentHeading{position:relative;height:44px;box-sizing:border-box;padding:3px 0 5px;align-items:center}
#assetDocuments .assetDocumentHeading h2{font-size:30px;line-height:36px}
#assetDocumentNumber{position:absolute;right:0;bottom:0;color:#4b9dc8;font-size:16px}
#assetDocumentForm .assetDocumentFields{width:524px;max-width:100%;padding-top:7px}
#assetDocumentForm .assetDocumentFields label{grid-template-columns:132px minmax(0,386px);min-height:26px}
#assetDocumentForm .assetDocumentFields select{height:26px;min-height:26px;padding:2px 5px}
#assetDocumentForm .assetDocumentFields label:has(input[type=checkbox]){padding-left:12px;height:28px}
#assetDocuments .assetDocumentHelp{display:inline-block;min-width:0;font-size:11px;margin:2px 10px 0 0;vertical-align:top}
#assetDocuments .assetDocumentHelp[open]{display:block;padding:5px;border:1px solid #ccc;background:#fff}
#assetDocuments .assetDocumentHelp summary{cursor:pointer;color:#526b78}
#assetDocuments .assetDocumentTableWrap{margin:10px 10px 0;max-height:none;height:calc(100vh - 350px);min-height:220px}
#assetDocuments table{table-layout:fixed;min-width:900px;font-size:13px}
#assetDocuments th{height:33px;box-sizing:border-box;font-weight:600}
#assetDocuments td,#assetDocuments th{padding:6px 9px;vertical-align:middle}
#assetDocuments tbody td{height:30px;box-sizing:border-box}
#assetDocuments .assetDocumentPlaceholder td{height:30px;padding:2px 9px}
#assetDocuments tbody tr:nth-child(odd){background:#f6f6f6}
#assetDocuments tbody tr:nth-child(even){background:#fafafa}
#assetDocumentTable td:first-child{text-align:center}
#assetDocumentTable th:first-child{width:56px}#assetDocumentTable th:nth-child(2){width:130px}
#assetDocumentTable th:nth-child(3){width:184px;min-width:0}#assetDocumentTable th:nth-child(4){width:150px}
#assetDocumentTable th:nth-child(5){width:150px}#assetDocumentTable th:nth-child(6){width:186px}
#assetDocumentTable input{border-color:transparent;background:transparent;border-radius:0;padding:0;min-height:20px;height:20px}
#assetDocumentTable input:focus{border-color:#8ab8df;background:#fff}
#assetDocumentTable td:last-child details{min-width:0;font-size:11px}
#assetDocumentTable td:last-child details[open]{min-width:200px;background:white;padding:8px;position:absolute;right:20px;z-index:5;box-shadow:0 2px 6px #aaa}
#assetDocumentActions{border-top:1px solid #d6d6d6;min-height:60px;margin:10px 0 0;padding:4px 10px;gap:8px}
#assetDocumentActions button{min-height:32px;font-size:12px;padding:6px 10px}
#assetDocumentTotals{margin:0 0 0 auto;font-weight:bold;font-size:12px;max-width:340px;text-align:right;line-height:24px}
#assetDocumentSearch{position:relative;padding-bottom:44px}
#assetDocumentSearch .assetDocumentFields{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 22px;padding:12px 22px 18px;box-shadow:0 1px 3px #aaa;border:1px solid #ddd;border-radius:3px;margin-top:8px}
#assetDocumentSearch .assetDocumentFields label{display:grid;grid-template-columns:80px minmax(0,1fr);gap:4px;align-items:center}
#assetDocumentSearch .assetDocumentFields label:has(select+input){grid-template-columns:80px 35px minmax(0,1fr)}
#assetDocumentSearch .assetDocumentFields select,#assetDocumentSearch .assetDocumentFields input{min-height:26px;height:26px}
#assetDocumentSearch>button{position:absolute;right:3px;bottom:3px;background:#249cd3;color:white;border:1px solid #67b6dd;padding:7px 15px}
#assetScreen[data-asset-workspace=search] .assetDocumentTableWrap{margin:8px 0 0;height:auto;min-height:0;max-height:calc(100vh - 350px)}
#assetDocumentPager{min-height:30px;gap:4px;font-size:12px;margin-top:16px}
#assetDocumentPager button{padding:3px 7px;font-size:12px;min-height:26px}
#assetDocumentPager select{width:65px}
#assetDocumentPager span{margin-right:auto}
@media(max-width:800px){#assetDocumentSearch .assetDocumentFields{grid-template-columns:1fr}#assetDocuments .assetDocumentHeading h2{font-size:22px}#assetDocumentNumber{position:static;font-size:12px}#assetDocuments .assetDocumentTableWrap{height:auto;max-height:420px}#assetDocumentActions{flex-wrap:wrap}#assetDocumentTotals{max-width:100%}}
#assetDocumentActions button[data-asset-action]{width:42px;height:42px;border:0;background-color:transparent;color:#1a5369;padding:4px;position:relative}
#assetDocumentActions button[data-asset-action]::before{content:'';display:block;width:30px;height:30px;margin:auto;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M3 2h21l6 6v22H2V2zm5 2v10h16V4zm1 15v9h14v-9z'/%3E%3C/svg%3E") center/contain no-repeat}
#assetDocumentActions button[data-asset-action='Ruaj dhe i ri']::after{content:'+';position:absolute;color:#d97935;right:0;bottom:0;font-size:24px;font-weight:bold}
#assetDocumentActions button[data-asset-action='Kërko fletë']{order:-2;margin-right:auto}
#assetDocumentActions button[data-asset-action='Kërko fletë']::before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='13' cy='13' r='8' fill='none' stroke='black' stroke-width='3'/%3E%3Cpath d='m19 19 10 10' stroke='black' stroke-width='3'/%3E%3C/svg%3E") center/20px no-repeat}
#assetDocumentActions button[data-asset-action='Shto aset']::before,#assetDocumentActions button[data-asset-action='Llogarit muajin']::before{mask:none;background:none;content:'+';font-size:30px;line-height:28px}
#assetDocumentActions button[data-asset-action='Ruaj dhe i ri']{order:-1}
#assetDocumentActions .assetActionText{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#assetDocumentActions button:hover,#assetDocumentActions button:focus-visible{background-color:#dde6e9}
#assetDocuments .assetDocumentTableWrap table{margin:0}
#assetDocumentTable tbody td:last-child:has(details){padding:1px 4px}
#assetDocumentTable tbody td:last-child details{display:inline-block}#assetDocumentTable tbody td:last-child button{font-size:10px;padding:1px 3px;min-height:18px}
#assetDocumentSearch .assetDocumentFields{grid-template-areas:'legend legend legend' 'period number description' 'unit asset kind';grid-template-rows:18px 26px 34px;padding-top:7px}
#assetDocuments .assetDocumentFilterLegend{grid-area:legend;font-size:13px}
#assetDocuments .assetDocumentPeriod{grid-area:period;display:grid;grid-template-columns:80px minmax(0,1fr) 8px minmax(0,1fr);align-items:center;gap:3px}
#assetDocumentSearch .assetDocumentPeriod label{display:block;font-size:0}
#assetDocumentSearch .assetDocumentPeriod input{font-size:13px}
#assetScreen[data-asset-workspace=search] #assetDocumentBody{min-height:calc(100vh - 180px);display:flex;flex-direction:column}
#assetScreen[data-asset-workspace=search] #assetDocumentPager{margin-top:auto;border-top:1px solid #ddd}
#assetDocumentPager span{order:-1}
#assetScreen[data-asset-workspace=search] #assetDocumentActions{min-height:30px;margin:0;padding:0}
#assetScreen[data-asset-workspace=search] #assetDocumentActions button{min-height:24px;padding:2px 6px}
#assetScreen[data-asset-workspace=monthly] #assetDocumentTable{min-width:1050px}
#assetScreen[data-asset-workspace=monthly] #assetDocumentTable th{width:auto;min-width:0;text-align:center}
#assetScreen[data-asset-workspace=monthly] #assetDocumentTable th:first-child{width:48px}
#assetScreen[data-asset-workspace=monthly] #assetDocumentTable th:nth-child(2){width:98px}
#assetScreen[data-asset-workspace=monthly] #assetDocumentTable th:nth-child(3){width:190px}
@media(max-width:800px){#assetDocumentSearch .assetDocumentFields{grid-template-areas:'legend' 'period' 'number' 'description' 'unit' 'asset' 'kind';grid-template-rows:none}#assetDocumentSearch .assetDocumentPeriod{grid-template-columns:80px minmax(0,1fr) 8px minmax(0,1fr)}}
#assetScreen[data-asset-workspace=monthly] #assetDocumentTable{min-width:980px}
#assetScreen[data-asset-workspace=monthly] #assetDocumentTable th:nth-child(3){width:180px}

/* Amortizimi calendar, isolated from Inventory. */
.assetCalendar{position:fixed;z-index:1100;box-sizing:border-box;padding:8px;background:#fff;border:1px solid #d2d2d2;color:#495057;font:12px/18px Verdana,Geneva,sans-serif;max-height:calc(100vh - 16px);overflow:auto}
.assetCalendar[hidden]{display:none}
.assetCalendar button{font:inherit;cursor:pointer;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;min-height:0;padding:0}
.assetCalendar button:focus-visible{outline:3px solid #c4dcf6;outline-offset:0}
.assetCalendar button:disabled{opacity:.35;cursor:default}
.assetCalendarHead{display:flex;align-items:center;justify-content:space-between;height:56px;border-bottom:1px solid #ddd}
.assetCalendarHead>button{color:#007ad9;font-size:28px;width:36px;height:36px}
.assetCalendarHead>span{display:flex;gap:16px;align-items:center;font-weight:600}
.assetCalendar table{border:0;border-collapse:collapse;width:100%;table-layout:fixed;margin:0;font:inherit}
.assetCalendar th,.assetCalendar td{padding:0;text-align:center;border:0;background:none;color:inherit;height:40px}
.assetCalendar th{font-size:12px;height:30px;font-weight:600}
.assetCalendar td button{width:40px;height:40px;border-radius:50%}
.assetCalendar td button.otherMonth{color:#999}
.assetCalendar td button.selected{background:#007ad9;color:#fff}
.assetCalendar td button:hover:not(:disabled):not(.selected){background:#e9ecef}
.assetCalendarFoot{display:flex;justify-content:center;border-top:1px solid #ddd;padding:6px 0 4px;margin-top:8px}
.assetCalendarFoot button{width:50%;height:24px;background:#007ad9;color:white;font-weight:bold}
.assetCalendarChoices{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 0}
.assetCalendarChoices.years{grid-template-columns:repeat(2,1fr)}
.assetCalendarChoices button{height:34px;border-radius:4px}
.assetCalendarChoices button:hover:not(:disabled){background:#e9f2fc}

#assetDocuments .assetDocumentCalendarButton{flex:0 0 27px;width:27px;height:26px;min-height:26px;padding:3px;border:1px solid #c9c9c9;background:#007ad9;color:white;border-radius:0 4px 4px 0;display:flex;align-items:center;justify-content:center}
#assetDocuments .assetDocumentCalendarButton svg{width:18px;height:18px;display:block}
#assetDocuments .assetDocumentDate input[type=date][hidden]{display:none}
#assetDocumentForm .assetDocumentFields{position:relative}
#assetDocumentForm .assetDocumentHelp{position:absolute;left:140px;bottom:4px;margin:0;z-index:4;font-size:11px}
#assetDocumentForm .assetDocumentHelp[open]{left:140px;bottom:auto;top:100%;width:360px;max-width:calc(100vw - 180px);box-shadow:0 2px 5px #bbb}
#assetDocuments .assetDocumentTableWrap{margin-top:12px}
#assetDocuments .assetDocumentHeading h2{font-size:30px;font-weight:400}
#assetDocumentTable tbody td:last-child details summary{white-space:nowrap}
#assetDocumentSearch .assetDocumentFields label:has(select+input)>select{font-size:0;background:#f1f1f1}
#assetDocumentSearch .assetDocumentFields label:has(select+input)>select option{font-size:13px}
#assetDocumentPager button{border:0;background:transparent;color:#536c77}
#assetDocumentPager button:disabled{opacity:.4}
.assetCalendarChoices button.selected{background:#f1f6fc;color:#284e94;outline:3px solid #c4dcf6;outline-offset:0}
.assetCalendarHead>span button{font-weight:600}
#assetDocumentTotals:has(.assetDocumentTotalBox){display:flex;align-items:stretch;gap:8px;max-width:none}
#assetDocuments .assetDocumentTotalBox{display:flex;flex-direction:column;min-width:112px;border:1px solid #e0e0e0;padding:0 3px;font-size:12px;line-height:24px}
#assetDocuments .assetDocumentTotalBox>span{border-bottom:1px solid #bfc0c1;text-align:center}
#assetDocuments .assetDocumentTotalBox strong{text-align:right;font-size:13px}
@media(max-width:900px){#assetDocumentTotals:has(.assetDocumentTotalBox){flex-wrap:wrap}}
.assetCalendar th{height:34px}
@media screen{
 #assetScreen:has(#documentSearchAssetsCategoryLabel) #assetWorkspaceNav{display:none}
 #assetScreen:has(#documentSearchAssetsCategoryLabel) .assetDocumentHeading{justify-content:flex-start;padding-left:0}
 #assetScreen:has(#documentSearchAssetsCategoryLabel) #assetDocumentTitle{font:24px Arial,sans-serif;text-align:left}
 #assetScreen #documentSearchAssetsCategoryLabel{display:flex;align-items:center;gap:12px;font:13px Arial,sans-serif;margin:0 0 12px}
 #assetScreen #documentSearchAssetsCategory{width:220px;height:27px;background:#e4e4e8;border:0;border-bottom:2px solid #5757bb;border-radius:3px}
}