.status-pending{background:#fff1d9;color:#78500c}
.status-verified{background:#eef5ef;color:#306849}
.status-hidden{background:#fbe9e7;color:#922f29}
.wordmark{min-width:0}
.admin-view .field,.admin-view .form-grid>*{min-width:0}

@media(max-width:800px){
 #main.admin-main{width:100%;max-width:100%;padding:24px 10px 40px}
 .admin-view{width:100%;min-width:0;overflow-wrap:anywhere}
 .admin-view .editor{width:100%;max-width:none}
 .admin-view .card{padding:18px 14px}
 .admin-view .form-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .admin-view .form-grid .span2{grid-column:auto}
 .admin-view .field input,.admin-view .field select,.admin-view .field textarea{min-width:0;max-width:100%}
 .admin-view .toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .admin-view .toolbar .field{width:100%;min-width:0}
 .admin-view .table-wrap{width:100%;overflow:visible;border:0;background:transparent}
 .inventory-table{display:block;width:100%;max-width:100%}
 .inventory-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .inventory-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%}
 .inventory-table tr{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;padding:16px 14px;border:1px solid var(--line);border-radius:7px;background:white}
 .inventory-table td{display:block;min-width:0;max-width:none;padding:0;border:0;overflow-wrap:anywhere}
 .inventory-table td[data-label]{display:grid;grid-template-columns:minmax(0,105px) minmax(0,1fr);column-gap:12px;row-gap:5px;align-items:start}
 .inventory-table td[data-label]::before{content:attr(data-label);font-size:11px;font-weight:700;line-height:1.6;color:var(--muted)}
 .inventory-table .item-name[data-label]{grid-template-columns:minmax(0,1fr);font-size:16px;line-height:1.5}
 .inventory-table .location-cell{min-width:0;max-width:none}
 .inventory-table .badge{min-width:0;max-width:100%;width:fit-content;white-space:normal;line-height:1.5}
 .inventory-table .tag{width:fit-content;max-width:100%}
 .inventory-table .actions-cell .btn{width:100%;min-height:44px}
 .admin-view .page-heading .btn,.admin-view .editor .row .btn{max-width:100%;white-space:normal}
}
@media(max-width:560px){
 .nav>div{flex-wrap:wrap;gap:4px;padding:8px 12px}
 .nav-title{flex:1 0 100%}
 #navigation{max-width:100%;flex-wrap:wrap;gap:4px}
 .admin-view .page-heading h1{font-size:30px}
 .admin-view .editor .row{align-items:stretch}
 .admin-view .editor .row .btn{width:100%}
}