/* Focus and layout improvements for daily desktop and tablet work. */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #1976b9;outline-offset:3px}
#inventory>.pf-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:16px;background:#f3f7fb;border:1px solid #d6e2ec;border-radius:12px;margin:16px 0}
#inventory>.pf-toolbar>label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#203b50}
#inventory input:not([type=checkbox]),#inventory select{min-height:42px;max-width:100%;border:1px solid #b9cbd9;border-radius:7px;padding:8px;background:white;color:#19344b}
#inventory .btn,.inventory-guide .btn{min-height:42px;white-space:normal}
#inventory .pf-scroll{max-width:100%;overflow:auto}
#inventory tbody tr:hover{background:#eef6fc}
#inventory table th{text-align:left}
.inventory-guide{border-left:4px solid #2774a5}
.inventory-guide h2{margin-top:0}
@media(max-width:720px){#inventory .pf-header{display:flex;flex-direction:column;align-items:stretch;gap:12px}#inventory>.pf-toolbar>label{flex:1 1 100%}#inventory>.pf-toolbar>.btn{flex:1 1 40%}.inventory-guide .pf-toolbar{display:flex;flex-wrap:wrap;gap:8px}.inventory-guide .btn{flex:1 1 100%}#inventory .incident-tabs{display:flex;overflow-x:auto;gap:4px}#inventory .incident-tabs button{flex-shrink:0;min-height:44px}}

.inventory-guide{padding:12px 16px;background:#f3f7fb;border-radius:8px;margin:12px 0}.inventory-guide summary{cursor:pointer;font-weight:600;color:#254d6c}.inventory-guide p{line-height:1.6}
#inventory>.pf-toolbar>label:has(input[type=checkbox]){flex-direction:row;align-items:center;max-width:280px;font-weight:400}#inventory input[type=checkbox]{width:18px;height:18px;flex-shrink:0}