.stockcount-body,.stockcount-approved { gap:16px; min-width:0; max-width:100%; font-size:12px; line-height:1.8; color:var(--wsg-body); }
.stockcount-body { display:flex; flex-direction:column; align-items:stretch; }
.stockcount-body > * { min-width:0; flex-shrink:0; }
.stockcount-source { padding:16px; border:1px solid var(--border); border-radius:12px; background:var(--wsg-white); }
.stockcount-source strong { display:block; font:700 15px/1.7 var(--wsg-font-display); color:var(--wsg-ink); overflow-wrap:anywhere; }
.stockcount-source p { margin:8px 0; }
.stockcount-note { padding:12px 16px; border:1px solid var(--border); border-radius:8px; background:var(--wsg-background); margin:0; }
.stockcount-badge { display:inline-flex; align-items:center; padding:4px 8px; width:fit-content; max-width:100%; border:1px solid var(--border); border-radius:6px; font-size:10px; line-height:1.7; color:var(--wsg-body); background:var(--wsg-white); }
.stockcount-badge.approved { color:var(--success); border-color:transparent; background:var(--success-bg); }
.stockcount-badge.warning { color:var(--danger); border-color:transparent; background:var(--danger-bg); }
.stockcount-badge.neutral { background:var(--wsg-background); }
.stockcount-error { color:var(--danger); background:var(--danger-bg); border-radius:8px; padding:12px 16px; overflow-wrap:anywhere; }
.stockcount-reasons { margin:0; padding-left:20px; }
.stockcount-table-wrap { min-width:0; max-width:100%; overflow-x:auto; border:1px solid var(--border); border-radius:8px; background:var(--wsg-white); }
.stockcount-table-wrap:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.stockcount-table { min-width:800px; }
.stockcount-entry-table { min-width:850px; }
.stockcount-table td,.stockcount-entry-table td { vertical-align:top; }
.stockcount-table td:first-child,.stockcount-entry-table td:first-child { min-width:220px; max-width:300px; }
.stockcount-entry-table input { min-width:110px; width:130px; border:1px solid var(--border); border-radius:8px; padding:10px 12px; background:var(--wsg-white); color:var(--wsg-ink); font:inherit; font-variant-numeric:tabular-nums; }
.stockcount-entry-table [hidden] { display:none; }
.stockcount-row-warning { color:var(--danger); font-size:10px; max-width:260px; white-space:normal; }
.stockcount-entry-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.stockcount-entry-toolbar input { flex:1; min-width:180px; border:1px solid var(--border); border-radius:8px; padding:10px 12px; background:var(--wsg-white); color:var(--wsg-ink); }
.stockcount-entry-toolbar span { font-size:11px; }
.stockcount-retained { display:flex; flex-direction:column; gap:6px; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.stockcount-retained strong { color:var(--wsg-ink); }
.stockcount-provenance { padding-top:12px; border-top:1px solid var(--border); }
.stockcount-provenance summary { cursor:pointer; }
.stockcount-provenance p { margin:10px 0 4px; }
.stockcount-provenance code { display:block; white-space:normal; overflow-wrap:anywhere; font:500 10px/1.8 var(--wsg-font-mono); }
.stockcount-approved { display:grid; grid-template-columns:minmax(0,1fr); padding:16px; border:1px solid var(--border); border-radius:12px; background:var(--wsg-white); }
.stockcount-approved h3 { margin:0; font:700 14px/1.7 var(--wsg-font-display); color:var(--wsg-ink); }
.stockcount-approved p { margin:0; }
.stockcount-document-links { display:flex; flex-wrap:wrap; gap:8px; }
.stockcount-document-links .btn { white-space:normal; text-align:left; }
.stockcount-form { display:flex; flex-direction:column; max-height:calc(100dvh - 160px); }
.stockcount-form > .dialog-body { flex:1 1 auto; min-height:0; max-height:none; }
.stockcount-form > .dialog-foot { flex-shrink:0; flex-wrap:wrap; }
.stockcount-form .dialog-foot .actions { flex-wrap:wrap; }
.stockcount-form .dialog-foot .btn { white-space:normal; }
@media(max-width:680px) { .stockcount-source,.stockcount-approved { padding:12px; } .stockcount-document-links .btn { min-height:44px; } }
