.hkp-date-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hkp-person-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.hkp-person{flex-wrap:wrap;align-items:flex-start}
.hkp-person>div{flex:1 1 calc(100% - 32px)}
.hkp-person b,.hkp-person small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.hkp-person b{font-size:.82rem;line-height:1.4}
.hkp-person label{flex:1 1 100%;padding-left:25px}
.hkp-person select{width:100%;max-width:none;min-height:32px}
.hkp-head{flex-wrap:wrap;gap:10px}
.hkp-head>div{min-width:min(100%,260px);flex:1}
.hkp-head>.hkp-manage-units{display:flex;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0}
.hkp-manage-personnel{border:1px solid #9cb7c9;border-radius:8px;background:#eef5fa;color:#174569;padding:7px 12px;min-height:34px;cursor:pointer;font:500 .76rem Montserrat,Arial,sans-serif}
.hkp-manage-personnel:hover{background:#dfeef7;border-color:#5e91b0}
.hkp-person-name{display:block;max-width:100%;border:0;background:transparent;color:#173e5b;text-align:left;padding:0;cursor:pointer;font:inherit}
.hkp-person-name:hover b{text-decoration:underline;text-underline-offset:2px}
.hkp-assignee{max-width:100%;min-width:0;display:inline-flex;align-items:center;gap:4px;white-space:normal;overflow-wrap:anywhere;border-radius:10px;padding:5px 7px;color:#24475c}
.hkp-assignee-name{flex:1 1 auto;min-width:0;font:500 .84rem/1.35 Montserrat,Arial,sans-serif;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.hkp-assignee button{flex:none}
.hkp-leaves{border:1px solid #d4e0e9;border-radius:14px;background:#fff;box-shadow:0 4px 18px #173b5910;padding:13px;margin-bottom:12px}
.hkp-leaves h2{font-size:1rem;font-weight:500;margin:0 0 3px}
.hkp-leaves h2 small,.hkp-staff h2 small{font-size:.72rem;color:#64798a;font-weight:400}
.hkp-leave-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:7px;margin-top:9px}
.hkp-leave{flex:0 0 174px;width:174px;max-width:100%;min-width:0;border:1px solid #e6cfab;border-radius:9px;background:#fff9ef;overflow:hidden}
.hkp-leave:not([open]){height:59px}
.hkp-leave summary{display:block;list-style:none;min-height:57px;padding:7px 8px;cursor:pointer}
.hkp-leave summary::-webkit-details-marker{display:none}
.hkp-leave summary:focus-visible{outline:2px solid #35739b;outline-offset:-2px}
.hkp-leave-name{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}
.hkp-leave-name .hkp-person-name{flex:1;min-width:0}
.hkp-leave-name b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;font-weight:500;line-height:1.35}
.hkp-leave-name span{flex:none;border-radius:999px;background:#fbe5bd;color:#77501c;padding:2px 5px;font-size:.61rem;white-space:nowrap}
.hkp-leave summary>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:#695a43;font-size:.66rem}
.hkp-leave-editor{border-top:1px solid #ecd9b9;padding:8px}
.hkp-leave label{display:flex;flex-direction:column;gap:4px;font-size:.7rem;color:#52677b}
.hkp-leave input{min-width:0;width:100%;border:1px solid #b9cad7;border-radius:7px;background:#fff;color:#1a344d;padding:6px 8px;font:400 .76rem Montserrat,Arial,sans-serif}
.hkp-leave-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.hkp-leave-actions button{border:1px solid #b9cad7;border-radius:7px;background:#fff;color:#174569;padding:6px 9px;cursor:pointer;font:500 .7rem Montserrat,Arial,sans-serif}
.hkp-leave-actions button:hover{background:#edf5fa}
.hkp-date-nav>button{border:1px solid #b9cad7;border-radius:8px;background:#fff;color:#173e5b;min-height:36px;padding:5px 11px;cursor:pointer;font:500 .79rem Montserrat,Arial,sans-serif}
.hkp-date-nav>button[data-day-step]{min-width:36px;font-size:1.25rem;line-height:1}
.hkp-date-nav>button:hover{background:#eaf3f8;border-color:#6e9bb8}
.hkp-distribution-open,.hkp-dist-actions button{border:1px solid #315b78;border-radius:8px;background:#173e5b;color:#fff;min-height:36px;padding:7px 13px;cursor:pointer;font:500 .78rem Montserrat,Arial,sans-serif}
.hkp-distribution-open:hover,.hkp-dist-actions button:hover{background:#285d7d}
.hkp-dist-actions button:first-child{background:#fff;color:#173e5b}
.hkp-dist-actions button:first-child:hover{background:#edf5fa}
.hkp-dist-actions button:disabled{opacity:.5;cursor:not-allowed}
.hkp-distribution{border:1px solid #d4e0e9;border-radius:14px;background:#fff;padding:18px;box-shadow:0 4px 18px #173b5910}
.hkp-dist-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-bottom:14px;border-bottom:2px solid #173e5b}
.hkp-dist-head h1{font-size:1.4rem;margin:4px 0}
.hkp-dist-head p{font-size:.83rem;color:#52677b;margin:0}
.hkp-dist-actions{display:flex;gap:7px;flex-wrap:wrap}
.hkp-dist-summary{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.hkp-dist-summary span{display:flex;align-items:baseline;gap:5px;border:1px solid #c7d8e3;border-radius:8px;padding:7px 10px;font-size:.75rem;color:#32546b}
.hkp-dist-summary b{font-size:1rem;color:#173e5b}
.hkp-dist-saving{font-size:.76rem;color:#805115}
.hkp-dist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.hkp-dist-person{min-width:0;border:1.5px solid #69869b;border-radius:10px;padding:11px;background:#fff;break-inside:avoid}
.hkp-dist-person header{display:flex;justify-content:space-between;align-items:baseline;gap:7px;border-bottom:1px solid #cbd8e1;padding-bottom:6px;margin-bottom:8px}
.hkp-dist-person h2{font-size:.89rem;margin:0;overflow-wrap:anywhere}
.hkp-dist-person small{font-size:.67rem;color:#52677b;white-space:nowrap}
.hkp-dist-targets{display:flex;flex-wrap:wrap;gap:6px}
.hkp-dist-target{display:flex;flex-direction:column;gap:2px;border:1px solid #3f657e;border-radius:6px;background:#fff;padding:6px 8px;min-width:94px}
.hkp-dist-target.meydan{border:3px double #173e5b;padding:4px 6px}
.hkp-dist-target strong{font-size:.76rem}
.hkp-dist-target em{font-size:.72rem;font-style:normal;overflow-wrap:anywhere}
.hkp-dist-empty,.hkp-dist-footnote{font-size:.75rem;color:#52677b}
.hkp-dist-footnote{margin:14px 0 0}
.hkp-meydan{display:block;padding:13px;margin-bottom:12px}
.hkp-meydan>h2{font-size:1rem;margin:0 0 3px}
.hkp-meydan>p{font-size:.74rem;color:#52677b;margin:0 0 10px}
.hkp-meydan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hkp-meydan-shift{min-width:0;border:1px solid #dfc69d;border-radius:10px;background:#fffaf1;padding:10px}
.hkp-meydan-shift.is-ok{border-color:#8ecda7;background:#f2fbf5}
.hkp-common-areas{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:12px;align-items:stretch;margin-bottom:12px}
.hkp-common-areas>.hkp-meydan{margin:0;min-width:0}
.hkp-laundry{min-width:0;border:1px solid #c5d7e3;border-radius:12px;background:#f7fafc;padding:13px}
.hkp-laundry h2{font-size:1rem;font-weight:500;margin:0 0 3px}
.hkp-laundry p{font-size:.74rem;color:#52677b;margin:0 0 10px}
.hkp-laundry .hkp-floor-people{min-height:42px;margin:8px 0;align-content:start}
.hkp-assignee.is-permanent{border-color:#75bc8f;background:#e5f7ea;color:#145633}
.hkp-assignee-more,.hkp-assignee-remove{flex:none;border:0;border-radius:6px;background:transparent;color:#365b74;min-width:26px;min-height:26px;margin-left:3px;cursor:pointer;font:500 1rem Montserrat,Arial,sans-serif}
.hkp-assignee.is-permanent .hkp-assignee-more{color:#216746}
.hkp-menu-lines{display:block;position:relative;width:13px;height:10px;margin:auto;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
.hkp-menu-lines::after{content:"";position:absolute;top:3px;left:0;width:13px;border-top:1.5px solid currentColor}
.hkp-assignee-more:hover,.hkp-assignee-remove:hover,.hkp-assignee-more:focus-visible,.hkp-assignee-remove:focus-visible{background:#d7e8f1;outline:2px solid #6395b0}
.hkp-assignee-menu{position:fixed;z-index:10050;display:grid;gap:2px;width:180px;max-width:calc(100vw - 16px);border:1px solid #a8bfce;border-radius:10px;background:#fff;box-shadow:0 12px 30px #102c4440;padding:5px}
.hkp-assignee-menu button{border:0;border-radius:6px;background:#fff;color:#183f5a;text-align:left;padding:10px;cursor:pointer;font:500 .76rem Montserrat,Arial,sans-serif}
.hkp-assignee-menu button:hover,.hkp-assignee-menu button:focus-visible{background:#eaf4f9;outline:2px solid #6395b0}
.hkp-meydan-shift-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.hkp-meydan-shift h3{font-size:.87rem;font-weight:500;margin:0}
.hkp-meydan-shift small{font-size:.7rem;color:#52677b}
.hkp-meydan-shift .hkp-floor-people{margin:8px 0;min-height:26px}
@media(max-width:1000px){.hkp-dist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hkp-common-areas{grid-template-columns:1fr}}
@media(max-width:680px){.hkp-meydan-grid,.hkp-dist-grid{grid-template-columns:1fr}.hkp-head>.hkp-manage-units{width:100%;justify-content:flex-start}.hkp-date-nav{width:100%}.hkp-date-nav label{flex:1}.hkp-date-nav input{width:100%;min-width:0}.hkp-date-nav>button[data-day-step]{min-height:39px}.hkp-distribution{padding:12px}.hkp-dist-actions{width:100%}.hkp-dist-actions button{flex:1}.hkp-dist-person{padding:10px}}
@media print{.hkp-date-nav>button,.hkp-manage-units,.hkp-leave-actions,.hkp-assignee-menu{display:none!important}.hkp-person-name{color:inherit!important}.hkp-common-areas{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.hkp-meydan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hkp-meydan-shift,.hkp-leave,.hkp-laundry{break-inside:avoid!important;border-width:1.4px!important}.hkp-meydan-shift.is-ok{background:#eaf4ed!important;border-color:#267047!important}.hkp-meydan-shift.is-pending,.hkp-leave{background:#fff4e5!important;border-color:#a26720!important}.hkp-leave:not([open]){height:59px!important}.hkp-leave input{border:0!important;background:transparent!important;padding-left:0!important;color:#111!important}.hkp-leaves{box-shadow:none!important}}