#documentSearchScreen{padding:12px 16px 20px;background:#f3f4f6;color:#243447}#documentSearchScreen .documentSearchHeading{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;margin-bottom:10px}#documentSearchScreen h2{margin:0;font-size:21px;font-weight:500}#documentSearchScreen #documentSearchCategory{width:220px;background:#fff}#documentSearchScreen fieldset{border:1px solid #d2d7de;border-radius:3px;padding:14px 16px 10px;background:#f8f9fa}#documentSearchScreen legend{font-weight:500;font-size:14px;padding:0 8px}#documentSearchScreen .documentSearchFilters{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:10px 20px}#documentSearchScreen .documentSearchFilter{display:flex;flex-direction:column;gap:4px;font-size:13px;min-width:0;margin:0}#documentSearchScreen .documentSearchInputs{display:flex;align-items:center;gap:0;min-width:0}#documentSearchScreen input,#documentSearchScreen select{box-sizing:border-box;height:32px;min-height:32px;border:1px solid #cbd2da;border-radius:3px;padding:4px 7px;font-size:13px;line-height:20px;color:inherit;background:#fff;margin:0;min-width:0}#documentSearchScreen .documentSearchInputs select{flex:0 0 100px;max-width:100px;border-radius:3px 0 0 3px;border-right:0;padding-left:4px}#documentSearchScreen .documentSearchInputs input{flex:1;width:0;border-radius:0 3px 3px 0}#documentSearchScreen .documentSearchPeriod .documentSearchInputs{gap:8px}#documentSearchScreen .documentSearchPeriod input{border-radius:3px;width:calc(50% - 4px)}#documentSearchScreen input:disabled,#documentSearchScreen select:disabled{background:#eef0f3;color:#7a8490}#documentSearchScreen .documentSearchToolbar{display:flex;justify-content:flex-end;margin:10px 0}#documentSearchScreen .documentSearchToolbar button{border:1px solid #247fc5;background:#2887cf;color:#fff;border-radius:3px;padding:7px 23px;font-size:13px}#documentSearchScreen #documentSearchPartnerNotice:empty{display:none}#documentSearchScreen #documentSearchPartnerNotice,#documentSearchScreen #documentSearchStatus{font-size:12px;margin:6px 0}#documentSearchScreen .documentSearchTable{overflow-x:auto;background:#fff;border:1px solid #dce1e6}#documentSearchScreen table{width:100%;border-collapse:collapse;font-size:13px}#documentSearchScreen th{background:#eef1f4;text-align:left;font-weight:500;white-space:nowrap}#documentSearchScreen td,#documentSearchScreen th{border-bottom:1px solid #e1e5ea;padding:8px 10px;vertical-align:top}#documentSearchScreen tbody tr:hover{background:#eaf3fc}#documentSearchScreen a{color:#155c9b;text-decoration:underline}#documentSearchScreen .documentSearchPagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:12px}#documentSearchScreen .documentSearchPagination button{padding:5px 9px;border:1px solid #d4dbe3;background:#fff;border-radius:3px}#documentSearchScreen [hidden]{display:none!important}@media(max-width:900px){#documentSearchScreen .documentSearchFilters{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:600px){#documentSearchScreen .documentSearchFilters{grid-template-columns:1fr}#documentSearchScreen .documentSearchHeading{flex-wrap:wrap}}

#documentSearchScreen .documentSearchUnits{position:relative}#documentSearchScreen .documentSearchUnitControl{display:flex;align-items:center;flex-wrap:wrap;gap:3px;min-height:32px;border:1px solid #cbd2da;border-radius:3px;background:white;padding:2px 4px}#documentSearchScreen #documentSearchUnitsInput{border:0;min-width:70px;width:90px;flex:1;height:26px;min-height:26px;padding:0 3px}#documentSearchScreen #documentSearchUnitsChips{display:contents}#documentSearchScreen .documentSearchUnitChip{display:inline-flex;align-items:center;gap:4px;border-radius:12px;background:#e7ebef;padding:2px 5px 2px 8px;font-size:12px}#documentSearchScreen .documentSearchUnitChip button{border:0;background:transparent;padding:0 3px;color:#52606d;font-size:15px;cursor:pointer}#documentSearchScreen .documentSearchUnitChoices{position:absolute;top:100%;left:0;right:0;z-index:20;max-height:220px;overflow:auto;background:white;border:1px solid #cbd2da;box-shadow:0 3px 8px #0002}#documentSearchScreen .documentSearchUnitOption{display:flex;align-items:center;gap:8px;padding:6px 9px;font-size:13px}#documentSearchScreen .documentSearchUnitOption input{min-height:14px;height:14px;width:14px}#documentSearchScreen .documentSearchUnitOption:hover{background:#eaf3fc}

/* Read-only BAMKU All measurements, 2026-10-15: compact shared controls. */
#documentSearchScreen{padding:8px 12px 20px;font-family:Verdana,Geneva,sans-serif}
#documentSearchScreen .documentSearchHeading{min-height:40px;gap:20px;margin-bottom:10px}
#documentSearchScreen h2{font-size:24px;font-weight:500}
#documentSearchScreen #documentSearchCategory{width:200px;height:30px;min-height:30px;font-size:14px}
#documentSearchScreen fieldset{margin:0;padding:0 12px 12px;background:#f0f0f0;border:1px solid #d5d5d5;border-radius:3px;min-width:0}
#documentSearchScreen legend{float:left;box-sizing:border-box;width:100%;height:30px;padding:7px 12px;font-size:12px;font-weight:400}
#documentSearchScreen .documentSearchFilters{clear:both;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 20px}
#documentSearchScreen .documentSearchFilter{flex-direction:row;align-items:center;gap:8px;font-size:12px}
#documentSearchScreen .documentSearchFilter>span:first-child,#documentSearchScreen .documentSearchFilter>label{flex:0 0 auto;white-space:nowrap}
#documentSearchScreen .documentSearchInputs{flex:1}
#documentSearchScreen input,#documentSearchScreen select{height:25px;min-height:25px;font:12px Verdana,Geneva,sans-serif;padding:2px 5px;border-color:#a6a6a6}
#documentSearchScreen .documentSearchInputs select{flex:0 0 36px;max-width:36px;padding:2px}
#documentSearchScreen .documentSearchPeriod .documentSearchInputs{gap:5px}
#documentSearchScreen .documentSearchPeriod input{width:calc(50% - 2.5px);padding:1px 2px}
#documentSearchScreen .documentSearchToolbar{margin:8px 5px 10px}
#documentSearchScreen .documentSearchToolbar button{box-sizing:border-box;min-width:78px;height:36px;padding:6px 12px;background:#007ad9;border-color:#007ad9;font:14px Verdana,Geneva,sans-serif}
#documentSearchScreen table{font:12px Verdana,Geneva,sans-serif}
#documentSearchScreen td,#documentSearchScreen th{border:1px solid #d5d5d5;vertical-align:middle}
#documentSearchScreen td{height:21px;box-sizing:border-box;padding:0 8.8px}
#documentSearchScreen th{padding:6.4px 8.8px;background:#ebedf0;font-weight:400}
#documentSearchScreen th[aria-sort=descending],#documentSearchScreen th[aria-sort=ascending]{background:#007ad9;color:white}
#documentSearchScreen .documentSearchUnitControl{flex:1;min-width:0;min-height:25px;box-sizing:border-box;padding:0 3px;border-color:#a6a6a6}
#documentSearchScreen #documentSearchUnitsInput{height:23px;min-height:23px;font-size:12px}
#documentSearchScreen #documentSearchPartner{flex:1;width:0}
@media(max-width:1000px){#documentSearchScreen .documentSearchFilters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#documentSearchScreen .documentSearchFilters{grid-template-columns:minmax(0,1fr)}#documentSearchScreen .documentSearchHeading{flex-wrap:wrap}#documentSearchScreen .documentSearchFilter>span:first-child,#documentSearchScreen .documentSearchFilter>label{min-width:78px}}

#documentSearchScreen th button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;white-space:nowrap}#documentSearchScreen #documentSearchPages{display:flex;gap:3px}#documentSearchScreen .documentSearchPagination [aria-current=page]{background:#007ad9;border-color:#007ad9;color:#fff}

#documentSearchScreen #documentSearchPartnersChips{display:contents}#documentSearchScreen #documentSearchPartnersInput{border:0;min-width:70px;width:90px;flex:1;height:23px;min-height:23px;padding:0 3px}

#documentSearchScreen .documentSearchToolbar{align-items:center;gap:6px}#documentSearchScreen #documentSearchReset{min-width:27px;width:27px;height:30px;padding:0;border:0;background:transparent;color:#555}#documentSearchScreen #documentSearchReset svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

#documentSearchScreen .documentSearchInputs select{font-size:0}#documentSearchScreen .documentSearchInputs select option{font:12px Verdana,Geneva,sans-serif;color:#243447}#documentSearchScreen table{table-layout:fixed}#documentSearchScreen td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#documentSearchScreen th,#documentSearchScreen th button{white-space:normal;overflow-wrap:anywhere}#documentSearchScreen legend{font-weight:700}#documentSearchScreen .documentSearchFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}#documentSearchScreen .documentSearchPagination{justify-content:flex-end;margin-top:0;gap:3px}#documentSearchScreen #documentSearchStatus{flex:1}@media(max-width:650px){#documentSearchScreen .documentSearchFooter{flex-wrap:wrap}#documentSearchScreen .documentSearchPagination{flex-wrap:wrap}}

#documentSearchScreen .documentSearchToolbar .documentSearchIcon{min-width:27px;width:27px;height:30px;padding:0;border:0;background:transparent;color:#555}#documentSearchScreen .documentSearchIcon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}#documentSearchScreen .documentSearchExcelWrap{position:relative}#documentSearchScreen #documentSearchExcelMenu{position:absolute;right:0;top:100%;z-index:30;display:flex;flex-direction:column;min-width:190px;background:white;border:1px solid #a6a6a6;box-shadow:0 3px 8px #0002}#documentSearchScreen #documentSearchExcelMenu button{background:white;color:#333;border:0;border-radius:0;font-size:12px;text-align:left;width:100%;padding:6px 10px;height:30px}#documentSearchScreen #documentSearchExcelMenu button:hover{background:#eaf3fc}#documentSearchScreen tbody tr.documentSearchSelected{background:#007ad9;color:white}#documentSearchScreen tbody tr.documentSearchSelected a{color:white}

#documentSearchScreen .documentSearchStructuralChips{display:contents}#documentSearchScreen .documentSearchStructuralInput{border:0;min-width:70px;width:90px;flex:1;height:23px;min-height:23px;padding:0 3px}#documentSearchScreen #documentSearchMore{margin-top:8px;border:1px solid #d5d5d5;border-radius:3px;background:#f0f0f0;font-size:12px}#documentSearchScreen #documentSearchMore summary{padding:7px 12px;cursor:pointer;font-weight:700}#documentSearchScreen #documentSearchMoreFields{padding:0 12px 12px}

#documentSearchScreen #documentSearchPaymentStatus,#documentSearchScreen #documentSearchDiscount{flex:1;min-width:0;width:0}

/* Visual alignment verified against live All screenshots, 15 October 2026.
   Scoped to search; no global branding, permissions, or business-rule changes. */
@media screen {
 #documentSearchScreen{background:#efefef;color:#333;padding:0 12px 12px;min-height:calc(100vh - 48px)}
 #documentSearchScreen.on{display:flex;flex-direction:column}
 #documentSearchScreen .documentSearchHeading{min-height:42px;margin:0 0 10px;border-bottom:1px solid #bbb}
 #documentSearchScreen #documentSearchCategory{border:0;border-bottom:1px solid #aaa;border-radius:0;background:#f4f4f4}
 #documentSearchScreen fieldset{box-shadow:0 2px 3px #0002}
 #documentSearchScreen .documentSearchTable{flex:1;min-height:0;background:#efefef}
 #documentSearchScreen th{height:50px;box-sizing:border-box;font-weight:700}
 #documentSearchScreen th button{text-align:left;line-height:18px;width:100%;font-weight:700}
 #documentSearchScreen .documentSearchSortMark{display:inline-block;margin-left:8px;font-weight:400;font-size:12px}
 #documentSearchScreen th:first-child .documentSearchSortMark{display:block;margin-left:0}
 #documentSearchScreen tbody tr{background:white}
 #documentSearchScreen tbody tr:nth-child(even){background:#f7f7f7}
 #documentSearchScreen tbody tr:hover{background:#eaf3fc}
 #documentSearchScreen tbody tr.documentSearchSelected{background:#007ad9;color:white}
 #documentSearchScreen td a{color:inherit;text-decoration:none}
 #documentSearchScreen td a:focus-visible{outline:2px solid #007ad9;outline-offset:1px;text-decoration:underline}
 #documentSearchScreen .documentSearchFooter{margin-top:0;min-height:28px;flex-shrink:0;background:#efefef}
 #documentSearchScreen #documentSearchStatus{margin:3px 6px;font-size:12px}
 #documentSearchScreen .documentSearchPagination{gap:0}
 #documentSearchScreen .documentSearchPagination button{border:0;background:transparent;border-radius:0;min-width:25px;height:26px;padding:3px 6px;color:#555}
 #documentSearchScreen .documentSearchPagination button:disabled{color:#bbb}
 #documentSearchScreen .documentSearchPagination [aria-current=page]{background:#007ad9;color:white}
 #documentSearchScreen #documentSearchPages{gap:0}
 #documentSearchScreen #documentSearchPageSize{margin-left:4px;width:65px;border-radius:3px}
}

/* Category-specific reference header geometry; table-cell height is a minimum,
   allowing content to grow/wrap instead of clipping long translated headings. */
@media screen {
 #documentSearchScreen #documentSearchHead.documentSearchSalesHead th{height:68px;line-height:18px}
 #documentSearchScreen #documentSearchHead.documentSearchOfferHead th{height:50px;line-height:18px}
}
/* Sales More reference: item column 2 / currency column 3; payment and discount below item. No fabricated placeholder fields. */
@media(min-width:1001px){
 #documentSearchScreen #documentSearchMoreFields.documentSearchSalesMore #documentSearchStructural-items{grid-column:2;grid-row:1}
 #documentSearchScreen #documentSearchMoreFields.documentSearchSalesMore #documentSearchStructural-currencies{grid-column:3;grid-row:1}
 #documentSearchScreen #documentSearchMoreFields.documentSearchSalesMore #documentSearchPaymentGroup{grid-column:2;grid-row:2}
 #documentSearchScreen #documentSearchMoreFields.documentSearchSalesMore #documentSearchDiscountGroup{grid-column:2;grid-row:3}
}

/* Observed live offer-header correction: retain whole labels in narrow columns. */
@media screen {
 #documentSearchScreen #documentSearchHead.documentSearchOfferHead th{padding-left:3px;padding-right:3px}
 #documentSearchScreen #documentSearchHead.documentSearchOfferHead .documentSearchColumnLabel{white-space:nowrap;overflow-wrap:normal}
 #documentSearchScreen #documentSearchHead.documentSearchOfferHead th:nth-child(1) .documentSearchSortMark,
 #documentSearchScreen #documentSearchHead.documentSearchOfferHead th:nth-child(2) .documentSearchSortMark,
 #documentSearchScreen #documentSearchHead.documentSearchOfferHead th:nth-child(9) .documentSearchSortMark{display:block;margin-left:0}
}

/* Observed BAMKU Shitje toolbar, 2026-10-16: retain only working actions.
   These locally drawn glyphs match the observed color and silhouette, not vendor raster assets. */
#documentSearchScreen .documentSearchToolbar{gap:9px}
#documentSearchScreen .documentSearchToolbar .documentSearchIcon,
#documentSearchScreen #documentSearchReset{width:28px;min-width:28px;height:32px}
#documentSearchScreen #documentSearchReset svg,
#documentSearchScreen .documentSearchIcon svg{display:block;width:28px;height:28px}
#documentSearchScreen .documentSearchToolbar button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:4px}
#documentSearchScreen .documentSearchSearchGlyph{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#documentSearchScreen #documentSearchMore summary{list-style:none;position:relative;padding-right:34px}
#documentSearchScreen #documentSearchMore summary::-webkit-details-marker{display:none}
#documentSearchScreen #documentSearchMore summary::after{content:"";position:absolute;right:24px;top:12px;width:6px;height:6px;border-right:2px solid #777;border-bottom:2px solid #777;transform:rotate(45deg)}
#documentSearchScreen #documentSearchMore[open] summary::after{top:15px;transform:rotate(225deg)}
/* Reference desktop filter tracks: label start x240, control x316 (68px +8px).
   Long labels wrap; controls remain flexible and existing narrow layouts remain intact. */
@media(min-width:1001px){
 #documentSearchScreen fieldset{padding-left:24px;padding-right:24px}
 #documentSearchScreen legend{padding-left:0;padding-right:0}
 #documentSearchScreen .documentSearchFilter>span:first-child,
 #documentSearchScreen .documentSearchFilter>label{flex:0 0 68px;width:68px;white-space:normal;line-height:18px}
 #documentSearchScreen #documentSearchMore summary{padding-left:24px}
 #documentSearchScreen #documentSearchMoreFields{padding-left:24px;padding-right:24px}
}

/* Search preview is isolated from the app chrome; no automatic printing. */
#documentSearchPrintDialog{width:min(1200px,94vw);max-width:94vw;height:88vh;max-height:90vh;padding:16px;border:1px solid #8293a0;background:white;color:#243447}
#documentSearchPrintDialog::backdrop{background:#0006}
#documentSearchPrintDialog .documentSearchPrintBar{display:flex;align-items:center;gap:12px}
#documentSearchPrintDialog h2{font-size:18px;margin:0;flex:1}
#documentSearchPrintFrame{width:100%;height:calc(100% - 100px);border:1px solid #ccd2d8;background:white}
#documentSearchPrintStatus{font-size:12px}

/* Observed Bilanc category grids, 17 October 2026. Only supported controls are
   positioned; unimplemented reference fields are not represented by placeholders.
   Narrow layouts retain ordinary flow without desktop-only empty columns. */
@media(min-width:1001px){
 #documentSearchScreen.documentSearchCategory300 #documentSearchUnitsGroup,
 #documentSearchScreen.documentSearchCategory400 #documentSearchUnitsGroup,
 #documentSearchScreen.documentSearchCategory900 #documentSearchUnitsGroup,
 #documentSearchScreen.documentSearchCategory500 #documentSearchUnitsGroup{grid-column:1;grid-row:2}
 #documentSearchScreen.documentSearchCategory300 #documentSearchStructural-items,
 #documentSearchScreen.documentSearchCategory400 #documentSearchStructural-items,
 #documentSearchScreen.documentSearchCategory900 #documentSearchPartnersGroup,
 #documentSearchScreen.documentSearchCategory500 #documentSearchPartnersGroup{grid-column:2;grid-row:2}
 #documentSearchScreen.documentSearchCategory100 #documentSearchStructural-items{grid-column:3;grid-row:2}
 #documentSearchScreen.documentSearchCategory2000 #documentSearchPartnerGroup{grid-column:1;grid-row:2}
 #documentSearchScreen.documentSearchCategory2000 #documentSearchUnitsGroup{grid-column:2;grid-row:2}
 #documentSearchScreen.documentSearchCategory2000 #documentSearchStructural-items{grid-column:3;grid-row:2}
 #documentSearchScreen.documentSearchCategory110 #documentSearchNoteGroup{grid-column:1;grid-row:2}
 #documentSearchScreen.documentSearchCategory110 #documentSearchPartnersGroup{grid-column:3;grid-row:2}
 #documentSearchScreen.documentSearchCategory200 #documentSearchStructural-currencies{grid-column:1;grid-row:2}
 #documentSearchScreen.documentSearchCategory200 #documentSearchStructural-accounts{grid-column:2;grid-row:2}
 #documentSearchScreen.documentSearchCategory900 #documentSearchMoreFields #documentSearchStructural-items{grid-column:2;grid-row:1}
 #documentSearchScreen.documentSearchCategory900 #documentSearchMoreFields #documentSearchStructural-currencies{grid-column:3;grid-row:1}
 #documentSearchScreen.documentSearchCategory900 #documentSearchMoreFields #documentSearchPaymentGroup{grid-column:2;grid-row:2}
 #documentSearchScreen.documentSearchCategory110 #documentSearchMoreFields #documentSearchStructural-currencies{grid-column:1;grid-row:1}
 #documentSearchScreen.documentSearchCategory110 #documentSearchMoreFields #documentSearchStructural-items{grid-column:2;grid-row:1}
}

/* Observed reference raster dimensions; accessible names remain on buttons. */
#documentSearchScreen .documentSearchReferenceIcon{display:block;margin:auto;object-fit:contain;max-width:none}

/* MONEY-DOCUMENT-SEARCH-01: only cash/bank controls and table. */
#documentSearchScreen:is(.documentSearchCategory600,.documentSearchCategory800) .documentSearchTable table{min-width:1050px}
#documentSearchMoneyGroup{flex-wrap:wrap}
#documentSearchMoneyGroup .documentSearchUnitControl{flex:1 1 160px;min-width:0}
#documentSearchMoneyNotice{display:block;flex:0 0 100%;max-width:28rem;white-space:normal;line-height:1.35;margin-top:4px}
#documentSearchMoneyChoices{max-height:240px;overflow:auto}
#documentSearchMoneyDirection{min-width:120px}