#cloudTopbar{position:sticky;top:0;z-index:35;background:#fff}
.cloud-subtitle{margin:8px 0 0}.cloud-title-block h2{margin-bottom:0}.cloud-title-block{margin-bottom:22px}.sectionhead .cloud-title-block{margin-bottom:0}.cloud-po-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.cloud-po-head .cloud-title-block{margin:0}.cloud-po-head #newPoButton{margin-left:auto}.cloud-po-head #newPoButton.hidden{display:none!important}
.actions:has(>label>select),.cloud-pagination{align-items:center;gap:12px}.actions>label:has(>select){display:inline-flex;flex-flow:row nowrap;align-items:center;gap:7px;white-space:nowrap;font-size:15px;flex:0 0 auto}.actions>label>select{display:inline-block;width:75px;min-width:75px;max-width:75px;padding:6px 10px;font-size:15px}.cloud-pagination{margin:14px 0}.cloud-pagination .muted{font-size:14px}#cloudProductPagerTop{padding:0 23px 15px;margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}#cloudProductPagerTop:empty{display:none}#cloudProductPagerTop span{font-size:14px}.cloud-mobile-delete-hidden{display:none!important}.cloud-status-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cloud-disabled-label{background:#f9eee5;color:#854e24}.cloud-status-reason{white-space:normal;min-width:160px;max-width:280px;font-size:14px;overflow-wrap:anywhere;margin-top:6px}.cloud-disabled-row{background:#f7f8f5}.cloud-disabled-row:hover{background:#f1f4ed}
dialog.cloud-modal-backdrop,dialog.cloud-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:35px 20px;border:0;overflow:auto;background:#233f3355;z-index:100;overscroll-behavior:contain;color:var(--ink)}dialog.cloud-modal-backdrop:not([open]),dialog.cloud-dialog:not([open]){display:none}dialog.cloud-modal-backdrop[open],dialog.cloud-dialog[open]{display:block}dialog::backdrop{background:#233f3333;backdrop-filter:blur(3px)}.cloud-dialog-card{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:27px;border-radius:16px;background:#fff;box-shadow:0 20px 70px #173e312a}.cloud-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.cloud-dialog-head h2{font-size:24px;color:#405a3d;margin:0}.cloud-dialog-card .panel{display:block!important;padding:0!important;border:0;margin:0!important}.cloud-dialog-card .tablewrap{max-height:none}.cloud-dialog-card .sectionhead>button[data-cloud-dialog-close]{display:none}.cloud-dialog-card .help{font-size:14px}.cloud-delete-warning{background:#fff1e9;border:1px solid #ebc2ad;color:#8c3829;border-radius:9px;padding:15px}.cloud-delete-confirmation{font-size:16px;color:#813b2c;margin:15px 0}.cloud-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.cloud-status-form .field{margin-top:15px}.cloud-status-form textarea{min-height:110px}.cloud-version strong{white-space:nowrap}.cloud-modal-open{overflow:hidden}.cloud-dialog-card table{min-width:760px}
@media(max-width:760px){#cloudTopbar{top:0}.cloud-po-head{align-items:flex-start;gap:16px}.cloud-po-head #newPoButton{margin:0}.cloud-po-head .cloud-title-block{flex:1 1 100%}#cloudProductPagerTop{padding-inline:16px}.cloud-pagination{gap:10px}.cloud-pagination .btn,#cloudProductPagerTop .btn{font-size:15px;padding:8px 11px}dialog.cloud-modal-backdrop,dialog.cloud-dialog{padding:0;background:#fff}.cloud-modal,.cloud-dialog-card{min-height:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;padding:18px 16px}.cloud-modal-head,.cloud-dialog-head{position:sticky;top:-18px;z-index:5;background:#fff;padding-top:14px;margin-top:-14px}.cloud-modal .actions,.cloud-dialog-actions{position:sticky;bottom:-18px;z-index:5;background:#fff;padding:16px 0;margin-bottom:-16px}.cloud-dialog-head h2,.cloud-modal-head h2{font-size:22px}.cloud-dialog-card table{min-width:690px}.cloud-status-actions .btn{font-size:14px}#productStatus>.searchrow input{width:100%}}
@media(max-width:430px){#cloudProductPagerTop{gap:8px}#cloudProductPagerTop .muted{flex-basis:100%;order:2}.cloud-modal .grid{grid-template-columns:1fr}}
@media print{#cloudTopbar,.cloud-po-head #newPoButton,#cloudProductPagerTop,.cloud-pagination,dialog{display:none!important}}

.cloud-po-head:has(~ #poListView.hidden) #newPoButton{display:none}