.hub-context{margin-bottom:20px}.hub-company-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:16px}.hub-company-head h1{margin:3px 0}.hub-kicker{color:#526c7d;font-size:.85rem;margin:0}.hub-company-picker{display:grid;grid-template-columns:minmax(220px,1fr);align-items:end;gap:8px;max-width:440px}.hub-company-picker label:first-child{grid-column:1/-1}.hub-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.hub-card{display:flex;flex-direction:column;gap:7px;padding:14px 12px;border:1px solid #cadce7;border-radius:10px;background:#fff;color:#17354a;text-decoration:none}.hub-card:hover{border-color:#0071b7}.hub-card[aria-current=page]{background:#133f57;color:#fff;border-color:#133f57}.hub-card strong{min-height:40px}.hub-card-value{font-size:1.3rem;font-weight:700}.hub-card small{font-size:.8rem;line-height:1.35}.hub-overview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}.hub-task{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #d8e3ea}.hub-task p{margin:5px 0}.hub-activity{border-left:2px solid #d8e3ea;padding:0 0 20px 15px}.hub-directory-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.hub-directory-filter label{min-width:200px;flex:1}.hub-product-tools{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:12px 15px;margin-bottom:18px;background:#edf5f9;border-radius:9px}.hub-product-tools details>div{padding:12px}.hub-code{overflow-wrap:anywhere;max-width:260px}.hub-assignment-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0}.hub-assignment-list{max-height:500px;overflow:auto}.hub-customer-actions{display:flex;gap:8px;flex-wrap:wrap}.hub-status-form{display:grid;gap:8px}.hub-admin-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-admin-tools{display:flex;gap:10px;flex-wrap:wrap}.hub-context .hub-company-picker input,.hub-context .hub-company-picker select{width:100%;min-width:0}.hub-directory-filter select{max-width:100%}@media(max-width:1100px){.hub-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-card strong{min-height:0}}@media(max-width:640px){.hub-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-company-picker{width:100%;max-width:none}.hub-overview-grid{grid-template-columns:1fr}.hub-company-head{gap:10px}.hub-task{align-items:flex-start}.hub-card{padding:12px}.hub-directory-filter label{min-width:100%}.hub-directory-filter button{flex:1}.hub-admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hub-assignment-scroll{max-height:58vh;overflow:auto;margin:1rem 0;border:1px solid #d4e1ea;border-radius:10px}.hub-assignment-scroll th{position:sticky;top:0;background:#f2f7fa;z-index:1}.hub-assignment-scroll input[type=number]{max-width:7rem}.hub-assignment-scroll input[type=checkbox]{width:1.1rem;height:1.1rem}.hub-assignment-scroll td{padding:.45rem .65rem}.hub-assignment-scroll input{margin:0}.hub-assignment-scroll [hidden]{display:none}

.hub-picker-status:empty,.hub-search-status:empty{display:none}.hub-picker-status,.hub-search-status{font-size:.85rem;color:#526c7d;margin:0 0 10px}.hub-company-picker .hub-picker-status{margin:0}[data-company-results][aria-busy="true"]{opacity:.65}
.hub-product-navigation{align-items:end;gap:8px 12px;padding:9px 12px;margin-bottom:10px;border:1px solid #cadce7;border-radius:7px;background:#f6f9fb}.hub-product-navigation label{display:flex;flex-direction:column;gap:3px;flex:0 1 250px;min-width:0;margin:0;font-size:11px;font-weight:600;color:#526c7d}.hub-product-navigation select{width:100%;min-width:0;min-height:33px;margin:0;padding:6px 9px;font-size:13px;line-height:1.25;color:#17354a;background:#fff}.hub-product-navigation .button{min-height:33px;margin:0;padding:6px 12px;box-sizing:border-box;font-size:13px;line-height:19px;white-space:nowrap}.hub-product-navigation .hub-product-import{margin-left:auto}.hub-product-navigation [aria-current=page]{border-color:#16607e;background:#e9f3f7}.hub-product-fallback{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px}@media(max-width:640px){.hub-product-navigation label{flex:1 1 180px}.hub-product-navigation .hub-product-import{margin-left:0}.hub-product-navigation select{font-size:16px}}