.hkp-catalog{border:1px solid #cfdee8;border-radius:14px;background:#fff;padding:12px;margin:0 0 12px;box-shadow:0 4px 18px #173b5910}
.hkp-material-note{margin:-5px 2px 10px;color:#52677b;font:400 .72rem Montserrat,Arial,sans-serif}
.hkp-catalog-head,.hkp-floor-materials-head,.hkp-material-popover-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hkp-catalog-head h2{font-size:.96rem;font-weight:500;margin:0 0 3px}.hkp-catalog-head h2 small{font-size:.7rem;color:#60798a}.hkp-catalog-head p{font-size:.74rem;color:#52677b;margin:0}.hkp-catalog-head button,.hkp-material-pick,.hkp-material-more,.hkp-material-popover button{border:1px solid #aac2d2;background:#fff;color:#174569;border-radius:7px;padding:5px 8px;cursor:pointer;font:500 .69rem Montserrat,Arial,sans-serif}.hkp-catalog-head button:hover,.hkp-material-pick:hover,.hkp-material-more:hover{background:#eaf3f8}
.hkp-catalog-search{display:flex;align-items:center;gap:8px;font-size:.72rem;color:#52677b;margin:9px 0 7px}.hkp-catalog-search input{min-width:0;flex:1;border:1px solid #bdcfdb;border-radius:8px;padding:7px 9px;color:#153a55;background:#fff;font:400 .76rem Montserrat,Arial,sans-serif}
.hkp-catalog-list{display:flex;flex-wrap:wrap;gap:6px;max-height:170px;overflow:auto;align-content:start}.hkp-material-source{display:inline-flex;flex-direction:column;min-width:130px;max-width:220px;border:1px solid #b6cdda;border-radius:9px;background:#f4f9fc;padding:6px 8px;cursor:grab;overflow-wrap:anywhere}.hkp-material-source.is-out{border-style:dashed;background:#fff9f2}.hkp-material-source b{font-size:.72rem;font-weight:500}.hkp-material-source small{font-size:.61rem;color:#587184}.hkp-material-source[hidden],.hkp-picker-list button[hidden]{display:none!important}.hkp-catalog-error{font-size:.72rem;color:#a42b2b;margin:8px 0}.hkp-material-search-count{display:block;color:#52677b;font-size:.67rem;margin-top:5px}
.hkp-floor{position:relative}.hkp-floor .hkp-floor-ok{min-width:0;flex:none;font-size:.62rem;padding:3px 5px;line-height:1.2}.hkp-floor-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-top:6px;align-items:start}.hkp-floor-body>.hkp-floor-people{margin:0;min-width:0;align-content:start}.hkp-floor-body .hkp-assignee{padding:4px 6px;overflow-wrap:anywhere}.hkp-floor-materials{min-width:0;min-height:48px;border:1px dashed #9eb9c9;border-radius:8px;background:#f7fbfe;padding:5px}.hkp-floor-materials:has(:focus-visible),.hkp-floor-materials:hover{border-color:#417594}.hkp-floor-materials-head b{font-size:.68rem;font-weight:500}.hkp-floor-materials-head small{font-size:.58rem;color:#597383}.hkp-floor-material-list{display:flex;flex-wrap:wrap;gap:3px;margin:4px 0}.hkp-floor-material-list>small{font-size:.62rem;color:#728797}.hkp-material-assigned{min-width:0;max-width:100%;display:inline-flex;flex-wrap:wrap;gap:3px;border:1px solid #9eb9cb;border-radius:7px;background:#fff;padding:2px 5px;font-size:.63rem;overflow-wrap:anywhere}.hkp-material-assigned b{font-weight:500;color:#1d5675}.hkp-material-extra{display:none}.hkp-material-more{border:0;background:transparent;padding:2px 0;text-decoration:underline;text-underline-offset:2px}.hkp-material-pick{display:block;margin-top:4px;width:100%;text-align:center;padding:4px}.hkp-material-popover{position:absolute;z-index:10;right:5px;top:calc(100% - 6px);width:min(360px,calc(100vw - 40px));max-height:280px;overflow:auto;border:1px solid #8caabb;border-radius:10px;background:#fff;box-shadow:0 12px 28px #15344d32;padding:10px}.hkp-material-popover-head{padding-bottom:6px;border-bottom:1px solid #dbe5eb}.hkp-material-popover-head b{font-size:.78rem;font-weight:500}.hkp-material-popover-head button{font-size:1.1rem;line-height:1;padding:3px 7px}.hkp-material-detail{display:grid;grid-template-columns:minmax(0,1fr) 66px auto;align-items:center;gap:6px;border-bottom:1px solid #ebf0f3;padding:7px 0}.hkp-material-detail>span{font-size:.72rem;overflow-wrap:anywhere}.hkp-material-detail small{display:block;color:#667c89;font-size:.6rem}.hkp-material-detail label{font-size:.61rem;color:#52677b}.hkp-material-detail input{width:100%;border:1px solid #b6cbd7;border-radius:6px;padding:4px;color:#173e5b;font:400 .7rem Montserrat,Arial,sans-serif}.hkp-material-detail>button{color:#9a3535;border-color:#dfbaba}
.hkp-picker-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#101f2a82;padding:16px}.hkp-picker{width:min(540px,100%);max-height:min(75vh,700px);overflow:auto;border:1px solid #bdd0dd;border-radius:14px;background:#fff;padding:14px;box-shadow:0 20px 55px #091a2980}.hkp-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:52vh;overflow:auto}.hkp-picker-list button{text-align:left;border:1px solid #c4d6e0;border-radius:8px;background:#f7fbfd;padding:8px;cursor:pointer;color:#173e5b;font:400 .72rem Montserrat,Arial,sans-serif}.hkp-picker-list button:hover{border-color:#397a9e;background:#e9f5fa}.hkp-picker-list b,.hkp-picker-list small{display:block}.hkp-picker-list b{font-weight:500}.hkp-picker-list small{font-size:.63rem;color:#597383}
@media(max-width:680px){.hkp-catalog-head{align-items:flex-start}.hkp-material-source{min-width:calc(50% - 5px);max-width:calc(50% - 5px)}.hkp-picker-list{grid-template-columns:1fr}.hkp-floor-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media print{.hkp-catalog,.hkp-picker-backdrop,.hkp-material-popover,.hkp-material-pick,.hkp-material-more{display:none!important}.hkp-material-extra{display:inline-flex!important}.hkp-floor-materials{border-style:solid!important;border-color:#555!important;background:#fff!important}.hkp-floor-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}
.hkp-floor-body{grid-template-columns:minmax(0,1fr);gap:8px}
.hkp-floor-personnel{min-width:0;border:1px solid #d1dfdf;border-radius:8px;background:#ffffffb8;padding:6px}
.hkp-floor-personnel-head{margin-bottom:5px;color:#426071;font-size:.68rem}
.hkp-floor-personnel-head b{font-weight:500}
.hkp-floor-personnel .hkp-floor-people{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin:0;min-width:0}
.hkp-floor-personnel .hkp-assignee{display:flex;width:100%;max-width:100%;min-width:0;align-items:center;white-space:normal;overflow-wrap:anywhere}
.hkp-floor-personnel .hkp-assignee-name{min-width:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
@media print{.hkp-floor-body{grid-template-columns:minmax(0,1fr)!important}.hkp-floor-personnel{background:#fff!important;border-color:#666!important}.hkp-floor-personnel .hkp-assignee{break-inside:avoid}}
@media print{.hkp-material-note{display:none!important}}