.selection-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 14px;padding:9px 12px;background:#f7f9f3;border:1px solid var(--line);border-radius:8px;font-size:12px}
.selection-toolbar>span{font-weight:600;color:#526b49}.selection-toolbar .secondary{padding:6px 12px}.selection-cell{width:30px!important;min-width:30px!important}.selection-cell input,[data-select-page]{width:15px;height:15px;accent-color:var(--green);padding:0}.farm-actions{white-space:nowrap}.farm-actions button+button{margin-left:12px}.danger-button{padding:9px 18px;border-radius:8px;background:#a64f3a;color:white;font-weight:600}.danger-button:hover{background:#8b3d2d}.delete-warning{font-weight:650;color:#904d36;margin-bottom:8px}.delete-tag-preview{background:#f8f8f2;border:1px solid var(--line);border-radius:8px;font:12px/2 ui-monospace,monospace;padding:12px;margin:16px 0;overflow-wrap:anywhere}.delete-ack{margin:18px 0}.farm-search-toolbar input{max-width:420px}.header-right #addTags{padding:8px 12px}.readonly{font-size:11px;margin:0 0 12px;color:#7b896c}
.filter-panel-actions{display:flex;gap:14px;align-items:center}#toggleFilters{display:none}
#usernameDialog{width:min(470px,95vw)}#usernameDialog>p{font-size:12px;line-height:1.7}.account-help{color:#738168;margin:9px 0 18px}.account-form{display:grid;gap:14px}.account-form label{font-size:12px}.account-form input{width:100%;margin-top:5px}.account-form .error{margin:0;min-height:0}.account-form .action-row{justify-content:flex-end;margin:0}.account-form .error:empty{display:none}body[data-density=compact] .header-right #renameUsernameButton{font-size:11px;padding:7px 10px}@media(max-width:700px){body[data-density=compact] .header-right #renameUsernameButton{font-size:10px;padding:6px 8px}}
body[data-density=compact][data-current-view=farms] #toggleFilters{display:block}
body[data-density=compact][data-current-view=farms] #filtersPanel[data-collapsed=true]>:not(.section-heading):not(.group-picker){display:none}
body[data-density=compact][data-current-view=farms] #filtersPanel[data-collapsed=true] .group-picker{margin-bottom:0}
@media(max-width:700px){body[data-density=compact] #toggleFilters{display:block}body[data-density=compact] #filtersPanel[data-collapsed=true]>:not(.section-heading):not(.group-picker){display:none}body[data-density=compact] #filtersPanel[data-collapsed=true] .group-picker{margin-bottom:0}body[data-density=compact] #filtersPanel[data-collapsed=true]{padding-bottom:12px}}

body[data-density=compact] .sidebar{width:180px;padding:23px 16px}
body[data-density=compact] .sidebar .brand{font-size:15px;gap:9px;margin-bottom:24px}
body[data-density=compact] .sidebar .mark{width:32px;height:32px;font-size:22px;border-radius:9px}
body[data-density=compact] .sidebar .nav{padding:9px 11px;font-size:12px;gap:9px}
body[data-density=compact] .sidebar nav{gap:5px}
body[data-density=compact] .main{margin-left:180px;padding:20px 24px;max-width:none}
body[data-density=compact] header{margin-bottom:14px;gap:14px}
body[data-density=compact] header h1{font-size:25px;line-height:1.3}
body[data-density=compact] header .eyebrow{font-size:9px;margin-bottom:4px}
body[data-density=compact] header p{font-size:11px;margin-top:4px}
body[data-density=compact] .header-right{gap:8px;max-width:none}
body[data-density=compact] .header-right select{padding:7px 9px;font-size:12px}
body[data-density=compact] .primary,body[data-density=compact] .secondary{padding:7px 12px;font-size:12px;border-radius:7px}
body[data-density=compact] .stats{gap:10px;margin-bottom:12px}
body[data-density=compact] .stats article{position:relative;padding:9px 12px;min-width:0;border-radius:9px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px}
body[data-density=compact] .stats article>span{font-size:11px}
body[data-density=compact] .stats strong{font-size:25px;grid-column:2;grid-row:1 / 3;line-height:1.3;letter-spacing:-.6px}
body[data-density=compact] .stats strong small{font-size:11px;margin-left:4px}
body[data-density=compact] .stats .tiny{font-size:10px;overflow-wrap:anywhere}
body[data-density=compact] .panel{padding:13px 15px;margin-bottom:12px;border-radius:9px}
body[data-density=compact] .section-heading{margin-bottom:10px}
body[data-density=compact] .section-heading h2{font-size:14px}
body[data-density=compact] .group-picker{gap:6px;margin-bottom:11px}
body[data-density=compact] .group-choice{padding:4px 8px;font-size:11px;gap:5px;border-radius:6px}
body[data-density=compact] .group-choice span{font-size:10px}
body[data-density=compact] input,body[data-density=compact] select{padding:7px 9px;border-radius:6px;font-size:12px}
body[data-density=compact] input[type=checkbox]{padding:0}
body[data-density=compact] .filter-grid{gap:9px}
body[data-density=compact] .filter-grid>label{font-size:10px;gap:4px}
body[data-density=compact] .filter-grid input,body[data-density=compact] .filter-grid select{font-size:12px}
body[data-density=compact] .machine-picker,body[data-density=compact] .advanced{margin:8px 0}
body[data-density=compact] .machine-picker summary,body[data-density=compact] .advanced summary{font-size:11px;padding:2px 0}
body[data-density=compact] .bottom-toolbar{margin:9px 0 8px;padding-top:9px;gap:8px}
body[data-density=compact] .check-row{font-size:11px;gap:5px}
body[data-density=compact] .bottom-toolbar select{font-size:11px;padding:5px 8px;max-width:150px}
body[data-density=compact] .saved-toolbar{gap:8px}
body[data-density=compact] .saved-toolbar select{font-size:11px;padding:6px 8px}
body[data-density=compact] .saved-toolbar button{font-size:11px;padding:6px 9px}
body[data-density=compact] .data-note{font-size:10px;line-height:1.6;margin:7px 0 11px;padding-bottom:8px}
body[data-density=compact] .aggregate-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:9px}
body[data-density=compact] .aggregate-card{padding:7px 8px;border-radius:7px}
body[data-density=compact] .item-actions{height:18px}
body[data-density=compact] .favorite-button{font-size:18px;padding:2px}
body[data-density=compact] .item-open{padding:3px 0}
body[data-density=compact] .item-open img{width:44px;height:44px;margin:2px auto 5px}
body[data-density=compact] .item-name{font-size:12px;min-height:20px;line-height:1.5}
body[data-density=compact] .aggregate-quantity{font-size:22px;line-height:1.35;margin-top:2px}
body[data-density=compact] .item-open .muted{font-size:9px;line-height:1.5}
body[data-density=compact] .item-delta{font-size:10px;margin:3px 0}
body[data-density=compact] .target-note{font-size:10px;min-height:17px;line-height:1.5}
body[data-density=compact] .good-source{font-size:9px;margin-top:2px}
body[data-density=compact] .group-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px}
body[data-density=compact] .group-card{padding:13px}
body[data-density=compact] .group-card h3{font-size:13px}
body[data-density=compact] .group-count{font-size:26px;line-height:1.5}
body[data-density=compact] .group-card p{font-size:10px;margin:5px 0}
body[data-density=compact] .group-progress{font-size:10px;margin:10px 0}
body[data-density=compact] .inline-form{gap:8px;margin:10px 0 15px}
body[data-density=compact] .inventory-table{font-size:11px}
body[data-density=compact] .inventory-table th,body[data-density=compact] .inventory-table td{padding:8px}
body[data-density=compact] .numeric{font-size:13px}
body[data-density=compact] .selection-toolbar{margin:8px 0 10px;padding:6px 10px;font-size:11px;gap:10px}
body[data-density=compact] .toolbar{margin-bottom:10px}
body[data-density=compact] .text-button{padding:5px 0}
body[data-density=compact] footer{font-size:10px;margin-top:14px}
body[data-density=compact] #notice{font-size:12px;padding:8px 12px;margin-bottom:12px}
body[data-density=compact] dialog{padding:20px;border-radius:11px}
body[data-density=compact] .detail-head{margin-bottom:12px}
body[data-density=compact] .detail-head h2{font-size:20px}
body[data-density=compact] #groupImportPanel{padding-bottom:11px;margin-bottom:13px}
body[data-density=compact] h3{margin:12px 0 8px}
body[data-density=compact] #groupMemberSearch{margin:5px 0 8px}
body[data-density=compact] .pagination{margin-top:12px;gap:10px}

@media(max-width:1150px){body[data-density=compact] .header-right{max-width:370px;flex-wrap:wrap}body[data-density=compact] .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-density=compact] .stats article{display:block}body[data-density=compact] .stats strong{font-size:24px}body[data-density=compact] .aggregate-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}
@media(max-width:700px){body[data-density=compact] .sidebar{width:100%;padding:10px 13px;gap:8px;justify-content:flex-start}body[data-density=compact] .sidebar .brand{margin:0;font-size:12px}body[data-density=compact] .sidebar .brand .mark{width:28px;height:28px;font-size:20px}body[data-density=compact] .sidebar nav{margin-left:auto;gap:1px}body[data-density=compact] .sidebar .nav{font-size:15px;padding:6px 7px}body[data-density=compact] .main{margin:0;padding:13px 12px}body[data-density=compact] header{gap:8px;align-items:flex-start;margin-bottom:12px}body[data-density=compact] header h1{font-size:22px}body[data-density=compact] header .eyebrow{font-size:8px;letter-spacing:1.2px}body[data-density=compact] header p{font-size:10px;max-width:175px}body[data-density=compact] .header-right{max-width:143px;gap:5px;flex-direction:row;justify-content:flex-end}body[data-density=compact] .header-right #ownerSelect{width:100%;font-size:11px}body[data-density=compact] .header-right #addTags{font-size:11px;padding:6px 8px}body[data-density=compact] .header-right #refreshCurrent{font-size:11px;padding:6px 8px}body[data-density=compact] .stats{gap:7px}body[data-density=compact] .stats article{padding:8px 10px;display:grid}body[data-density=compact] .stats article>span{font-size:10px}body[data-density=compact] .stats strong{font-size:22px}body[data-density=compact] .stats .tiny{font-size:9px}body[data-density=compact] .panel{padding:11px 12px}body[data-density=compact] .aggregate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body[data-density=compact] .aggregate-card{padding:5px 4px}body[data-density=compact] .item-open img{width:37px;height:37px}body[data-density=compact] .item-name{font-size:11px;min-height:32px;line-height:1.4}body[data-density=compact] .aggregate-quantity{font-size:19px}body[data-density=compact] .good-source{font-size:8px}body[data-density=compact] .item-delta{font-size:9px}body[data-density=compact] .target-note{font-size:9px}body[data-density=compact] .saved-toolbar select{width:100%;max-width:none}body[data-density=compact] .bottom-toolbar select{max-width:none;min-width:65px}body[data-density=compact] .group-grid{grid-template-columns:minmax(0,1fr)}.selection-toolbar{gap:7px}.selection-toolbar>span{width:100%}.farm-search-toolbar input{max-width:100%;min-width:0}.farm-search-toolbar #showUngrouped{font-size:11px}}
@media(max-width:370px){body[data-density=compact] .sidebar .brand{width:100%;gap:7px}body[data-density=compact] .sidebar nav{margin-left:0;width:100%;justify-content:space-between}body[data-density=compact] .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-density=compact] .stats article{display:block}body[data-density=compact] .stats strong{font-size:23px}body[data-density=compact] .aggregate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-density=compact] .header-right{max-width:126px}body[data-density=compact] header p{max-width:150px}}

/* Keep every inventory label visible; compact the picture and spacing. */
body[data-density=compact] .aggregate-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px}
body[data-density=compact] .aggregate-card{padding:5px 7px;border-radius:6px;line-height:1.4}
body[data-density=compact] .item-open{display:grid;grid-template-columns:34px minmax(0,1fr);gap:2px 5px;padding:2px 0;text-align:left}
body[data-density=compact] .item-open img{grid-column:1;grid-row:1 / 3;width:34px;height:34px;margin:0;align-self:center}
body[data-density=compact] .item-name{grid-column:2;grid-row:1;min-height:0;justify-content:flex-start;line-height:1.35}
body[data-density=compact] .aggregate-quantity{grid-column:2;grid-row:2;font-size:22px;line-height:1.2;margin:0}
body[data-density=compact] .item-open .muted{grid-column:1 / -1;line-height:1.4;text-align:center}
body[data-density=compact] .item-delta{margin:2px 0;line-height:1.4}
body[data-density=compact] .target-note{min-height:0;line-height:1.4}
body[data-density=compact] .aggregate-card .good-source{margin-top:2px;line-height:1.4}
body[data-density=compact] .aggregate-card :is(.item-name,.aggregate-quantity,.muted,.item-delta,.target-note,.good-source){min-width:0;overflow-wrap:anywhere;white-space:normal}
body[data-density=compact] #itemsTable .inventory-table th,body[data-density=compact] #itemsTable .inventory-table td{padding-top:5px;padding-bottom:5px}
body[data-density=compact] .goods-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-top:10px}
body[data-density=compact] .good-card{display:grid;grid-template-columns:34px minmax(0,1fr);align-content:start;gap:2px 5px;padding:7px;text-align:left;line-height:1.4}
body[data-density=compact] .good-card img{grid-column:1;grid-row:1 / 4;width:34px;height:34px;margin:0;align-self:center}
body[data-density=compact] .good-card :is(.good-name,.good-quantity,.good-level){grid-column:2;min-height:0;margin:0;overflow-wrap:anywhere}
body[data-density=compact] .good-card .good-source{grid-column:1 / -1;overflow-wrap:anywhere;margin:0}
@media(max-width:700px){
 body[data-density=compact] .aggregate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 body[data-density=compact] .aggregate-card{padding:4px}
 body[data-density=compact] .item-open{grid-template-columns:28px minmax(0,1fr);column-gap:3px}
 body[data-density=compact] .item-open img{width:28px;height:28px}
 body[data-density=compact] .aggregate-quantity{font-size:19px}
 body[data-density=compact] .goods-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-density=compact] .good-card{grid-template-columns:28px minmax(0,1fr);gap:2px 3px;padding:5px}
 body[data-density=compact] .good-card img{width:28px;height:28px}
}
@media(max-width:370px){body[data-density=compact] .aggregate-grid,body[data-density=compact] .goods-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}