/* Integration overrides copied from the ordering assistant style.css. */
.view-count .page,.view-accounts .page{max-width:680px;margin:12px auto;padding:0 12px 180px}.view-count .heading h1,.view-accounts h1{font-size:24px;margin:0 0 16px}.view-count .count-card,.view-accounts .card{padding:0;box-shadow:none;border:1px solid #e6eae1;border-radius:11px;overflow:hidden}.view-count .count-card form{display:block}.view-count .role label{display:block}.view-count .role select{width:100%}.view-count .count-items{display:block}.view-count .quantity input{width:100%}.view-count .actions{display:block}.view-count .actions .primary{background:#284c3c;color:#fff}.view-count .edit-actions.two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.view-count .edit-actions.two-buttons button{width:100%}.view-count .record-value{display:block}.view-count footer{padding:0 2px}
/* Loss-only adaptation: material and quantity columns. */
.batch-view main#content{padding:16px 12px 0}
.view-count .page{margin:0 auto;padding-bottom:110px}
.view-count .loss-material{border-bottom:1px solid #edf0e7}
.view-count .loss-material:last-child{border-bottom:0}
.view-count .name{white-space:normal;overflow-wrap:anywhere}
.view-count .loss-return{padding:0 16px 12px;color:#987948;font-size:12px}
.view-count .quantity input:disabled{background:#f7f9f4;color:#5f7352}
.view-count .photo-add{border-style:dashed}
.view-count .photo-open{padding:0;min-height:0}
.view-count .photo-remove{padding:0;min-height:32px;color:#fff;background:#284c3cdd}
@media(max-width:959px){.view-count .heading{display:none}}
@media(max-width:600px){.view-count .page{padding-bottom:110px}.view-count .actions{z-index:25}.view-count .photo-remove{min-height:36px}}
@media(max-width:350px){.batch-view main#content{padding-left:6px;padding-right:6px}}

.view-count .unit-setup{text-align:center;font-size:12px;color:#889086}.view-count .unit-setup button{width:100%;font-size:12px;padding:8px 4px}
.material-card dl{grid-template-columns:1fr}

.view-count .item,.view-count .columns{grid-template-columns:minmax(0,1fr) 144px}
@media(max-width:600px){.view-count .item,.view-count .columns{grid-template-columns:minmax(0,1fr) 144px}}
@media(max-width:350px){.view-count .item,.view-count .columns{grid-template-columns:minmax(0,1fr) 116px}}
/* Compact rows retain the original input touch target. */
.view-count .item{min-height:0;padding-top:4px;padding-bottom:4px}