.inv-panel.portal-inventory-panel{position:static;margin:0;width:100%;max-width:none;height:auto;max-height:none;box-shadow:none;border-radius:14px;box-sizing:border-box}.inv-panel.portal-inventory-panel .inv-header{position:static;min-height:0;height:auto;padding:16px 20px;background:#fff;color:#153444}.inv-panel.portal-inventory-panel .inv-header [data-inv=close]{display:none}.inv-panel.portal-inventory-panel .inv-body{overflow:visible}.inv-panel.portal-inventory-panel .inv-submit-bar{bottom:0}.inv-panel.portal-inventory-panel header{border-radius:14px 14px 0 0}.inv-panel.portal-inventory-panel form{margin:0}@media(max-width:650px){.inv-panel.portal-inventory-panel .inv-header{padding:12px 14px}.inv-panel.portal-inventory-panel .inv-header h2{font-size:20px}}
/* Compact read-only employee inventory. */
.inv-panel.portal-inventory-panel.inv-consultation .inv-header{padding:8px 16px}
.inv-panel.portal-inventory-panel.inv-consultation .inv-header h2{font-size:22px;margin:2px 0}
.inv-panel.portal-inventory-panel.inv-consultation .inv-body{padding:12px 16px}
.inv-panel.portal-inventory-panel.inv-consultation .inv-scope-banner{padding:12px 16px;margin-bottom:14px}
.inv-panel.portal-inventory-panel.inv-consultation .inv-scope-banner p{margin:6px 0}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource{min-width:0;overflow-wrap:anywhere}
@media(min-width:1280px){.inv-panel.portal-inventory-panel.inv-consultation .inv-resource-grid,.inv-panel.portal-inventory-panel.inv-consultation .inv-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(min-width:641px) and (max-width:899px){.inv-panel.portal-inventory-panel.inv-consultation .inv-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

main:has(#portal-inventory .inv-consultation){width:100%;max-width:none;padding:16px clamp(12px,1.5vw,28px) 28px}
#portal-inventory:has(.inv-consultation){width:100%;min-width:0}

.inv-panel .inv-resource-group{margin:16px 0 22px}
.inv-panel .inv-resource-group-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:7px 10px;border-left:4px solid #4180a0;background:#e2edf4;font-size:15px;border-radius:4px}
.inv-resource-group-title span{font-size:12px;color:#507084}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource-grid{gap:10px;align-items:start}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource{padding:10px;border-radius:10px;font-size:12px;line-height:1.35}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource .inv-equipment-photo{height:84px;margin-bottom:7px}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource h4{font-size:14px;margin:5px 0;line-height:1.3}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource p{font-size:12px;line-height:1.35;margin:4px 0}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource small{font-size:11px}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource button{padding:6px 8px;font-size:12px}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource .inv-quick-note{font-size:10px;margin:5px 0}

@media(min-width:900px) and (max-width:1279px){.inv-panel.portal-inventory-panel.inv-consultation .inv-resource-grid,.inv-panel.portal-inventory-panel.inv-consultation .inv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1280px){
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource-grid{gap:8px}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource{padding:7px;font-size:11px}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource .inv-equipment-photo{height:64px;margin-bottom:5px}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource h4{font-size:12px;margin:4px 0}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource p{font-size:11px;margin:3px 0}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource small{font-size:10px}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource button{width:100%;padding:6px;font-size:11px;white-space:normal}
}

/* Distinct category accents and stronger actions for employee resource cards. */
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource-group{--resource-accent:#176b91;--resource-tint:#edf7fc}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource-group:nth-of-type(2n){--resource-accent:#27815f;--resource-tint:#eef9f3}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource-group:nth-of-type(3n){--resource-accent:#72509b;--resource-tint:#f6f0fc}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource{background:linear-gradient(160deg,#fff,var(--resource-tint));border-color:color-mix(in srgb,var(--resource-accent) 35%,white);border-top:3px solid var(--resource-accent);box-shadow:0 2px 5px #1534440d}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource-group-title{border-left-color:var(--resource-accent);background:var(--resource-tint);color:var(--resource-accent)}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource button{background:var(--resource-accent);border-color:var(--resource-accent);color:white;font-weight:600;box-shadow:0 2px 3px #15344420}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource button[data-inv="usage-guide"]{background:#fff;color:var(--resource-accent);border-width:2px;box-shadow:none}
.inv-panel.portal-inventory-panel.inv-consultation .inv-resource button:hover{filter:brightness(.92)}

.inv-panel .inv-resource[data-inv]{cursor:pointer;transition:box-shadow .15s,border-color .15s}
.inv-panel .inv-resource[data-inv]:hover{box-shadow:0 3px 10px #176b9130}
.inv-panel .inv-resource[data-inv]:focus-visible{outline:3px solid #e5a246;outline-offset:3px}

.inv-panel [data-authorized-vehicles]{--resource-accent:#72509b;--resource-tint:#f6f0fc}
.inv-panel [data-authorized-vehicles] .inv-resource-grid{padding:4px;overflow:visible}
.inv-panel [data-authorized-vehicles] .inv-resource{border:1px solid #c9b8dc;border-top:3px solid #72509b;background:linear-gradient(160deg,#fff,#f6f0fc);box-shadow:0 2px 5px #15344415}
.inv-panel [data-authorized-vehicles] .inv-equipment-photo{background:transparent;border:0}
.inv-panel [data-authorized-vehicles] .inv-equipment-photo img{mix-blend-mode:multiply}
.inv-panel [data-authorized-vehicles] .inv-resource button{margin-top:8px;background:#72509b;color:#fff;border-color:#72509b}

.inv-resource-group-title{flex-wrap:wrap}.inv-panel .inv-group-notice{flex:1;min-width:180px;font-size:13px;font-weight:400;letter-spacing:0;color:#31556a;white-space:pre-wrap}.inv-resource-group-title button{margin-left:auto;font-size:12px;padding:5px 9px}.inv-notices-editor{width:min(700px,94vw);height:auto;max-height:90vh}.inv-notices-editor label{display:block;font-weight:600;margin-bottom:16px}.inv-notices-editor textarea{display:block;width:100%;margin-top:6px}

.inv-panel .inv-personal-resources .inv-resource p>strong{color:#b4232d;font-weight:700}


.inv-panel .inv-group-reminder{margin:0 0 12px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--resource-accent,#176b91) 20%,white);border-radius:10px;background:var(--resource-tint,#edf7fc)}
.inv-panel .inv-group-reminder h5{margin:0 0 8px;font-size:13px;color:var(--resource-accent,#176b91)}
.inv-panel .inv-group-reminder ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.inv-panel .inv-group-reminder li{display:flex;align-items:baseline;gap:9px;font-size:13px;line-height:1.45;color:#31556a}
.inv-group-reminder li>span:first-child{flex:0 0 22px;text-align:center}

.inv-panel .inv-product-usage{margin:16px 0;padding:16px 18px;background:#eff8f3;border:1px solid #b7d9c6;border-left:4px solid #27815f;border-radius:10px}.inv-product-usage>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.inv-panel .inv-product-usage h3{margin:0;color:#20664b;font-size:16px}.inv-product-usage ul{margin:12px 0 0;padding-left:20px;display:grid;gap:8px;line-height:1.5}.inv-product-usage p{margin:10px 0 0;font-size:13px}.inv-panel [data-product-usage-form] textarea{display:block;width:100%;margin:8px 0 16px}

.inv-panel.portal-inventory-panel:has([data-authorized-vehicles]){--resource-accent:#72509b;--resource-tint:#f6f0fc}

.inv-view-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #c4d9e6}.inv-panel .inv-view-tabs button{padding:11px 18px;font-weight:700;background:#f5f9fc;color:#31556a}.inv-panel .inv-view-tabs button[aria-selected="true"]{background:#075579;border-color:#075579;color:#fff}.inv-panel .inv-view-tabs button:focus-visible{outline:3px solid #e5a246;outline-offset:2px}

/* Give the catalogue the first screen; management controls open on demand. */
.inv-panel.inv-catalogue-list .inv-controls{min-width:0;margin:0 0 8px;border:1px solid #b8d0df;border-radius:9px;background:#fff}
.inv-panel.inv-catalogue-list .inv-controls>summary{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;min-height:36px;padding:7px 11px;box-sizing:border-box;cursor:pointer;list-style:none;font-size:13px;font-weight:700;color:#075579;line-height:1.3}
.inv-panel.inv-catalogue-list .inv-controls>summary::-webkit-details-marker{display:none}
.inv-panel.inv-catalogue-list .inv-controls>summary::before{content:'▸';font-size:14px;transition:transform .15s}
.inv-panel.inv-catalogue-list .inv-controls[open]>summary::before{transform:rotate(90deg)}
.inv-panel.inv-catalogue-list .inv-controls>summary:focus-visible{outline:3px solid #e5a246;outline-offset:2px;border-radius:8px}
.inv-panel.inv-catalogue-list .inv-controls[open]>summary{border-bottom:1px solid #d7e4ec}
.inv-panel.inv-catalogue-list .inv-controls-content{padding:12px}
.inv-panel.inv-catalogue-list .inv-controls .inv-recount-summary{margin-top:0}
.inv-panel.inv-catalogue-list .inv-controls .inv-filters{margin-bottom:0}
.inv-panel.inv-catalogue-list .inv-controls-meta{font-size:11px;font-weight:400;color:#507084}
.inv-panel.inv-catalogue-list .inv-controls-badge{padding:2px 7px;border-radius:12px;background:#e7f3fa;font-size:11px;white-space:nowrap}
.inv-panel.inv-catalogue-list .inv-count{margin:2px 0 5px;font-size:12px;line-height:1.3}
.inv-panel.inv-catalogue-list [data-inv-grid]>.inv-group-title:first-child{margin-top:0}

main:has(#portal-inventory .inv-catalogue-list){width:100%;max-width:none;padding:8px clamp(12px,1.5vw,24px) 24px}
main:has(#portal-inventory .inv-catalogue-list)>.page-heading{margin:0 0 4px;min-height:0;gap:8px}
main:has(#portal-inventory .inv-catalogue-list)>.page-heading .eyebrow,
main:has(#portal-inventory .inv-catalogue-list)>.page-heading p{display:none}
main:has(#portal-inventory .inv-catalogue-list)>.page-heading h1{font-size:20px;line-height:1.1;margin:0}
.inv-panel.portal-inventory-panel.inv-catalogue-list>.inv-header{display:none}
.inv-panel.portal-inventory-panel.inv-catalogue-list>.inv-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:6px 10px}
.inv-panel.portal-inventory-panel.inv-catalogue-list .inv-view-tabs{grid-column:1;grid-row:1;align-self:start;margin:0;padding:0;border:0;gap:6px}
.inv-panel.portal-inventory-panel.inv-catalogue-list .inv-view-tabs button{min-height:36px;padding:7px 11px;font-size:12px;line-height:1.3}
.inv-panel.portal-inventory-panel.inv-catalogue-list .inv-controls{grid-column:2;grid-row:1;margin-bottom:0;max-width:100%}
.inv-panel.portal-inventory-panel.inv-catalogue-list .inv-controls[open]{grid-column:1/-1;grid-row:2}
.inv-panel.portal-inventory-panel.inv-catalogue-list>.inv-body:not(:has(.inv-view-tabs))>.inv-controls{grid-column:1/-1;grid-row:auto}
.inv-panel.portal-inventory-panel.inv-catalogue-list .inv-count,
.inv-panel.portal-inventory-panel.inv-catalogue-list [data-inv-grid],
.inv-panel.portal-inventory-panel.inv-catalogue-list [data-inv-status]{grid-column:1/-1;min-width:0}
.inv-panel.portal-inventory-panel.inv-catalogue-list [data-inv-status]:empty{display:none}
.inv-panel.portal-inventory-panel.inv-catalogue-list [data-inv-grid]>.inv-group-title:first-child{font-size:14px;line-height:1.2;padding:2px 8px;margin:0 0 4px}
@media(max-width:700px){
 .inv-panel.portal-inventory-panel.inv-catalogue-list>.inv-body{display:block;padding:8px}
 .inv-panel.portal-inventory-panel.inv-catalogue-list .inv-view-tabs{margin-bottom:6px;flex-wrap:nowrap}
 .inv-panel.portal-inventory-panel.inv-catalogue-list .inv-view-tabs button{flex:1;min-width:0;padding:7px 6px}
 .inv-panel.portal-inventory-panel.inv-catalogue-list .inv-controls{margin-bottom:6px}
 .inv-panel.inv-catalogue-list .inv-controls-content{padding:10px}
 main:has(#portal-inventory .inv-catalogue-list)>.page-heading h1{font-size:20px}
}