.count-summary{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center}.count-summary span{color:#5c7065;font-size:calc(13px * var(--text-scale,1))}.count-workspace{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:22px;align-items:start}.count-map,.count-editor{min-width:0}.count-map{position:sticky;top:0;background:#fafcf9;border:1px solid #dce5da;border-radius:14px;padding:14px}.count-front-heading{display:flex;justify-content:space-between;gap:8px;font-size:calc(12px * var(--text-scale,1));color:#536a5d;margin-bottom:10px}.count-front-scroll{overflow:auto;max-height:55dvh;padding:3px}.count-front{position:relative;aspect-ratio:var(--count-ratio);max-height:560px;min-width:280px;border:5px solid #77917e;background:#e7ece5;box-sizing:content-box;border-radius:3px}.count-front.many-slots{min-width:520px;max-height:none}.count-front-cell{position:absolute!important;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:4px!important;padding:8px!important;margin:0!important;border:2px solid #d7e0d2!important;border-radius:2px!important;background:#f6f8f3!important;color:#4d6253!important;text-align:left;overflow:hidden;box-sizing:border-box;min-height:0!important;min-width:0!important}.count-front-cell b,.count-front-cell small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-front-cell b{font-size:calc(12px * var(--text-scale,1))}.count-front-cell small{font-size:calc(11px * var(--text-scale,1));font-weight:400}.count-front-cell span{font-size:calc(11px * var(--text-scale,1));line-height:1.2}.count-front-cell.is-checked{background:#e0f0e4!important;border-color:#9fc5ac!important}.count-front-cell.is-difference{background:#fff2dc!important;border-color:#dfb974!important}.count-front-cell[aria-pressed=true]{outline:3px solid #2d7050;outline-offset:-3px;z-index:1}.count-front-cell:focus-visible{outline:3px solid #1c5740;outline-offset:-3px;z-index:2}.count-front-cell.is-drawer:after{content:'';width:24%;height:3px;position:absolute;left:38%;bottom:5px;background:#a1ada0;border-radius:3px}.count-front-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:calc(11px * var(--text-scale,1))}.count-front-legend span{padding:4px 7px;border-radius:5px;background:#eef2e9}.count-front-legend .checked{background:#e0f0e4;color:#286441}.count-front-legend .difference{background:#fff2dc;color:#81560c}.count-editor>h3{margin-top:0}.count-save-actions{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:8px;background:#fffffff5;padding:12px 0;margin-top:12px}.count-difference{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #dce4d7}.count-difference:last-child{border-bottom:0}.count-difference>div{min-width:0}.count-difference p{margin:6px 0}.count-difference small{font-size:calc(12px * var(--text-scale,1));color:#5f7164;overflow-wrap:anywhere}.count-difference button{flex-shrink:0}.count-workspace .count-stock-row{grid-template-columns:minmax(0,1fr) 100px;gap:10px}.count-workspace .count-unknown-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.count-workspace .count-unknown-row label:first-child{grid-column:1/3}.count-workspace .count-unknown-row label:nth-child(4){grid-column:1/3}.count-workspace select{min-width:0;max-width:100%}
@media(max-width:900px){.count-workspace{grid-template-columns:minmax(0,1fr)}.count-map{position:static}.count-front-scroll{max-height:300px}.count-front{max-height:300px;min-height:220px!important}.count-front.many-slots{min-height:380px!important;max-height:none}.count-difference{align-items:flex-start;flex-direction:column}.count-front-cell small{font-size:calc(10px * var(--text-scale,1))}.count-save-actions button{flex:1}}