@layer app-components {
/* Shared application controls. Print documents retain their own typography and layout. */
html body .ui-modal{box-sizing:border-box!important;border:1px solid #b8c9d7!important;border-radius:4px!important;padding:10px!important;background:#fff!important;color:#24435b!important;font:13px/1.4 Meiryo,sans-serif!important;box-shadow:0 4px 16px #0003!important;max-width:calc(100vw - 24px)!important;max-height:90dvh!important;overflow:auto}
html body dialog.ui-modal::backdrop{background:rgba(0,0,0,.42)!important}
html body .modal.ui-modal-overlay{background:rgba(0,0,0,.42)!important;padding:5vh 12px!important;box-sizing:border-box!important;overflow:auto!important}
html body .modal-content.ui-modal{position:fixed!important;margin:0!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:800px!important;height:auto!important;min-height:0!important}
html body .ui-modal .ui-modal-title{display:block!important;width:100%!important;box-sizing:border-box!important;font-size:14px!important;font-weight:bold!important;line-height:24px!important;color:#24435b!important;padding:0 34px 5px 0!important;margin:0 0 8px!important;border-bottom:1px solid #c6d1d9!important}
html body .ui-modal .ui-modal-close{position:absolute!important;top:7px!important;right:8px!important;left:auto!important;float:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;margin:0!important;border:0!important;border-radius:2px!important;background:transparent!important;color:#24435b!important;font:20px/1 sans-serif!important;cursor:pointer!important;z-index:2}
html body .ui-modal .ui-modal-close:hover{background:#edf2f7!important}
/* Header actions share a row with the title; reserve the close button's own space. */
html body .ui-modal .ui-modal-header{display:flex!important;align-items:center!important;gap:8px!important;top:-10px!important;padding:5px 0!important;margin:0 0 10px!important;background:#fff!important;border-bottom:1px solid #c6d1d9!important}
html body .ui-modal .ui-modal-header>.ui-modal-title{flex:1!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important;border:0!important}
html body .ui-modal .ui-modal-header>button{flex:0 0 auto!important;white-space:nowrap!important;margin:0!important}
html body .ui-modal .ui-modal-header>.ui-modal-close{position:static!important}
html body .ui-modal input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),html body .ui-modal select:not([size]),html body .ui-modal textarea{box-sizing:border-box!important;font:13px/1.4 Meiryo,sans-serif!important;padding:3px 6px!important;border:1px solid #b8c9d7!important;border-radius:2px!important;color:#24435b!important;background:white!important}
html body .ui-modal input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),html body .ui-modal select:not([size]){height:28px!important}
html body .ui-modal table{border-collapse:collapse!important;width:100%!important;font-size:12px!important;color:#24435b!important}
html body .ui-modal th,html body .ui-modal td{padding:2px 6px!important;border:1px solid #cbd5de!important;line-height:20px!important;vertical-align:middle!important}
html body .ui-modal th{background:#e6edf3!important;font-weight:bold!important;text-align:left!important;position:sticky;top:0;z-index:1}
html body .ui-modal tbody tr:nth-child(even){background:#f5f7f9!important}
html body .ui-modal tbody tr:hover{background:#eaf1f8!important}
html body .ui-modal button:not(.ui-modal-close),html body [data-ui-action]{box-sizing:border-box!important;border-radius:2px!important;padding:2px 7px!important;min-height:24px;font:12px/18px Meiryo,sans-serif!important;box-shadow:none!important}
html body .ui-modal button:not(.ui-modal-close),html body [data-ui-action=neutral],html body [data-ui-action=select],html body [data-ui-action=search]{background:#edf2f7!important;color:#24435b!important;border:1px solid #b2c4d4!important}
html body [data-ui-action=save]{background:#286798!important;color:white!important;border:1px solid #286798!important}
html body [data-ui-action=delete]{background:#fff3f3!important;color:#a42727!important;border:1px solid #d7b7b7!important}
html body [data-ui-action=print]{background:#ef8100!important;color:white!important;border:1px solid #d97706!important}
html body .ui-modal button:disabled,html body [data-ui-action]:disabled{opacity:.5!important;cursor:not-allowed!important}
html body .ui-modal button:focus-visible,html body [data-ui-action]:focus-visible{outline:2px solid #32638b!important;outline-offset:2px!important}
html body [data-ui-action]:not(:disabled):hover{filter:brightness(.96)}
.ui-picker-scroll{max-height:min(605px,calc(90dvh - 125px));overflow:auto;margin:6px 0}.ui-picker-table{table-layout:fixed}.ui-picker-table .ui-id{width:58px}.ui-picker-table .ui-choice{width:64px}.ui-picker-table .ui-price{width:90px}.ui-picker-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-picker-table .ui-number{text-align:right}
html body #bd-product-dialog,html body dialog.ui-set-picker{width:800px!important}
html body #bd-product-dialog .bd-toolbar{margin:0!important;display:block}
html body #bd-product-query{width:calc(100% - 200px)!important;margin-left:4px}
html body #bd-product-supplier{width:190px!important}
html body #bd-products{margin-top:6px!important;max-height:min(605px,calc(90dvh - 125px))!important}
html body .ui-modal p{margin-top:6px;margin-bottom:6px}
@media(max-width:600px){html body .ui-modal{max-width:calc(100vw - 12px)!important;padding:8px!important}html body .ui-modal button:not(.ui-modal-close){min-height:32px}html body #bd-product-query{width:100%!important;margin:4px 0 0!important}.ui-picker-table .ui-id{width:44px}.ui-picker-table .ui-price{width:75px}}
html body .ui-modal button:not(.ui-modal-close){height:24px!important}
@media(max-width:600px){html body .ui-modal button:not(.ui-modal-close){height:32px!important}}
@media print{.ui-modal-overlay,dialog.ui-modal{display:none!important}}

html body .ui-modal button[data-ui-action=save]:not(.ui-modal-close){background:#286798!important;color:#fff!important;border:1px solid #286798!important}
html body .ui-modal button[data-ui-action=delete]:not(.ui-modal-close){background:#fff3f3!important;color:#a42727!important;border:1px solid #d7b7b7!important}
html body .ui-modal button[data-ui-action=print]:not(.ui-modal-close){background:#ef8100!important;color:#fff!important;border:1px solid #d97706!important}
html body [data-ui-action=select],html body .ui-modal button[data-ui-action=select]:not(.ui-modal-close){background:#fff1b8!important;color:#624600!important;border:1px solid #d5b453!important}

/* Scroll the complete table; do not size the header independently from each body row. */
html body .ui-search-scroll{max-height:min(605px,calc(90dvh - 125px));overflow:auto;scrollbar-gutter:stable;margin-top:8px}
html body .ui-modal table.ui-search-table{display:table!important;table-layout:fixed!important;margin:0!important;width:100%!important}
html body .ui-search-table thead{display:table-header-group!important;width:auto!important}
html body .ui-search-table tbody{display:table-row-group!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important}
html body .ui-search-table tr{display:table-row!important;width:auto!important}
html body .ui-search-table th,html body .ui-search-table td{display:table-cell!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .ui-search-table th{position:sticky!important;top:0!important;z-index:1}
@media(max-width:600px){html body .ui-modal table.ui-search-table{min-width:640px!important}}

}