.v9 .nav #hk-submenu{padding:2px 0 7px 26px;display:grid;gap:3px}.v9 .nav #hk-submenu[hidden]{display:none}.v9 .nav #hk-submenu button{font-size:11px;line-height:1.4;min-height:34px;padding:8px 10px;margin:0;border:0;border-radius:7px;text-align:left;color:#b9cbed;white-space:normal}.v9 .nav #hk-submenu button.selected{background:#ffffff12;color:#fff;border-left:2px solid #3384ff}
.housekeeping-page{min-width:0;color:#101d35}.hk-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.hk-heading h2{font-size:24px;margin:5px 0;font-weight:600}.hk-heading h3{margin:0}.hk-eyebrow{color:#7b869c;font-size:11px;margin:0;letter-spacing:.4px}.hk-panel{border:1px solid #dee0ec;border-radius:14px;background:#fff;padding:18px;min-width:0}.hk-panel h3{font-size:16px;font-weight:600;margin:0 0 16px}.hk-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid #dee0ec;padding-bottom:10px}.hk-tabs button{border:0;background:transparent;padding:11px 18px;border-radius:10px;color:#768096;font-size:12px}.hk-tabs button[aria-selected=true]{background:#0f47f1;color:white}.hk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.hk-stats article{padding:19px;background:white;border:1px solid #dee0ec;border-radius:14px}.hk-stats small{font-size:12px;color:#7a8599}.hk-stats strong{display:block;font-size:28px;font-weight:600;margin-top:10px}.hk-stats article:nth-child(3) strong{color:#cd8b00}.hk-stats article:nth-child(4) strong{color:#129068}.hk-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.hk-filters input,.hk-filters select{padding:11px 12px;border:1px solid #dee0ec;border-radius:9px;background:white;font:inherit;font-size:12px;min-width:0;color:#4c5871}.hk-filters input[type=search]{flex:1;min-width:220px}.hk-filters select{max-width:190px}.hk-button{border:1px solid #dee0ec;border-radius:9px;background:white;padding:9px 12px;color:#315184;font-size:11px;white-space:nowrap}.hk-button:hover{background:#edf2ff;border-color:#9fbbfa}.hk-sort{display:flex;align-items:center;gap:5px;font-size:11px;color:#69758a;background:transparent;border:0;padding:8px 0}.hk-sort img{width:14px;height:14px}.hk-table-scroll{overflow:auto;max-width:100%;border-radius:10px}.hk-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;text-align:left}.hk-table th{font-weight:400;font-size:11px;color:#728097;padding:15px 12px;background:#f8faff;white-space:nowrap;border-bottom:1px solid #e5e9f2}.hk-table td{padding:17px 12px;border-bottom:1px solid #e7eaf2;line-height:1.5;vertical-align:middle;max-width:250px;overflow-wrap:anywhere}.hk-table tbody tr:nth-child(even){background:#f9fbff}.hk-table tbody tr:hover{background:#f1f5ff}.hk-table small{display:block;font-size:10px;color:#7a879b;margin-top:5px}.hk-table strong{font-weight:600}.hk-table .hk-selected{background:#f8fbdc!important}.hk-table td:first-child{border-radius:9px 0 0 9px}.hk-table td:last-child{border-radius:0 9px 9px 0}.hk-badge{display:inline-block;width:fit-content;font-size:10px;line-height:1.3;border-radius:20px;padding:5px 9px;white-space:nowrap}.hk-badge.green{background:#e5f8ee;color:#16935b}.hk-badge.red{background:#fcebeb;color:#c93d48}.hk-badge.amber{background:#fff6df;color:#a97300}.hk-badge.blue{background:#eaf0ff;color:#305eb2}.hk-note{background:#eef2fa;border-radius:8px;padding:14px;color:#69778f;font-size:11px;line-height:1.7;margin:14px 0}.hk-demo{font-size:11px;color:#8b95a8;line-height:1.7;margin-top:20px}.hk-empty{padding:48px!important;text-align:center;color:#8b95a8}.hk-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.hk-table .hk-actions{margin:0}.hk-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px;align-items:start}.hk-bar-detail{background:#fff;position:sticky;top:18px}.hk-bar-detail>p{font-size:12px;color:#6b7b95}.hk-bar-detail .hk-table td{padding:14px 8px;font-size:11px}.hk-bar-detail .hk-table th{padding:12px 8px}.hk-bar-detail .hk-actions{display:grid;grid-template-columns:1fr}.hk-bar-detail .hk-actions button{width:100%;min-height:38px}.hk-inventory-overview{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.hk-inventory-overview .hk-tabs{margin:0;border:0;padding:0}.hk-inventory-overview .hk-tabs button{padding:7px 12px}.hk-bars{height:165px;display:flex;align-items:end;gap:12px;padding-top:12px;border-bottom:1px solid #dee0ec}.hk-bars>div{display:flex;flex:1;flex-direction:column;align-items:center;gap:7px;min-width:0}.hk-bars>div>div{width:65%;background:#2365ff;border-radius:5px 5px 0 0;min-height:3px}.hk-bars small{font-size:10px;color:#8190aa;white-space:nowrap}.hk-bars strong{font-size:11px;color:#3568bc}.hk-category-bar{display:flex;gap:3px;height:45px;overflow:hidden;border-radius:12px;margin:22px 0}.hk-category{display:flex;justify-content:space-between;padding:8px 0;font-size:11px;gap:10px}.hk-category span{display:flex;gap:8px;align-items:center}.hk-category i{display:inline-block;width:8px;height:8px;border-radius:2px}.hk-cat-0{background:#0f47f1}.hk-cat-1{background:#90aaf5}.hk-cat-2{background:#e9efb7}.hk-cat-3{background:#f1df00}.hk-category strong{font-weight:500}.hk-modal{font-size:13px;min-width:0}.hk-modal .form-grid{margin:16px 0}.hk-modal .field{display:grid;gap:8px;font-size:12px;min-width:0;margin:10px 0}.hk-modal input,.hk-modal select,.hk-modal textarea{width:100%;border:1px solid #dee0ec;border-radius:8px;padding:11px;background:white;color:#20324e;font:inherit;min-width:0}.hk-modal input[readonly]{background:#f3f6fb;color:#7d899f}.hk-modal textarea{resize:vertical}.hk-wide{grid-column:1/-1}.hk-error,.hk-warning{color:#b86a13;font-size:12px;line-height:1.6}.hk-error:empty,.hk-warning:empty{display:none}.hk-line{display:grid;grid-template-columns:minmax(150px,2fr) minmax(60px,.6fr) minmax(75px,.8fr) auto;gap:10px;align-items:end;padding:14px 0;border-bottom:1px solid #e6eaf2}.hk-line label{display:grid;gap:8px;font-size:11px}.hk-line button{height:39px}.hk-total{padding:18px;background:#f0f5ff;border-radius:10px;margin:18px 0;text-align:right}.hk-total strong{font-size:20px;color:#1459e6;margin-left:8px}.hk-check{display:flex;gap:10px;align-items:center;margin:18px 0}.hk-check input{width:16px;height:16px}.hk-log{max-height:300px;overflow:auto;margin-top:12px}.hk-log article{display:grid;gap:6px;padding:13px 0;border-bottom:1px solid #e7eaf2}.hk-log small{color:#7c8ca4}.hk-detail-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hk-detail-top h3{margin-right:auto}.hk-photos{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.hk-photos img{width:120px;height:100px;object-fit:cover;border-radius:8px}.hk-modal .hk-table input{width:74px}.housekeeping-page :focus-visible,.hk-modal :focus-visible{outline:3px solid #91b7ff;outline-offset:2px}.hk-modal form .fig-primary{min-height:38px}
@media(max-width:1050px){.hk-split{grid-template-columns:1fr}.hk-bar-detail{position:static}.hk-bar-detail .hk-actions{display:flex}.hk-bar-detail .hk-actions button{width:auto}.hk-table td{padding:13px 10px}.hk-inventory-overview{grid-template-columns:1fr 1fr}.hk-category strong{white-space:nowrap}}
@media(max-width:650px){.hk-stats{grid-template-columns:1fr 1fr}.hk-inventory-overview{grid-template-columns:1fr}.hk-panel{padding:12px}.hk-heading h2{font-size:22px}.hk-filters input[type=search]{flex-basis:100%}.hk-filters select{flex:1;max-width:none}.hk-line{grid-template-columns:1fr 1fr}.hk-line label:first-child{grid-column:1/-1}.hk-line button{align-self:end}.hk-table{min-width:620px}.hk-bar-detail .hk-table,.hk-modal .hk-table{min-width:440px}.hk-tabs button{padding:10px 12px}.hk-modal .form-grid{grid-template-columns:1fr}.hk-heading{gap:12px}}
@media print{body:has(.hk-receipt) #app>.shell,body:has(.hk-receipt) #toast{display:none}body:has(.hk-receipt) dialog{position:static;border:0;max-width:none;max-height:none;width:100%;overflow:visible}body:has(.hk-receipt) dialog::backdrop{background:white}body:has(.hk-receipt) dialog button,body:has(.hk-receipt) dialog form,.hk-modal:has(.hk-receipt)>.hk-actions,.hk-modal:has(.hk-receipt)>.hk-log{display:none}.hk-receipt{color:#000}.hk-receipt .hk-table-scroll{overflow:visible}.hk-receipt .hk-table{min-width:0}}