/* V10 targeted presentation layer. Do not alter scanner mechanics, Stocktake or product data. */
:root{
  --v10-complete-bg:#e6f7ed;--v10-complete-fg:#087347;
  --v10-short-bg:#fff0d5;--v10-short-fg:#9a5b05;
  --v10-pending-bg:#f0f2f5;--v10-pending-fg:#566274;
  --v10-muted-bg:#f2f4f7;--v10-muted-fg:#586374
}
.v10-simple-bell{
  order:99;position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #e5e7eb;border-radius:14px;background:#fff;color:#111827;
  min-width:44px;min-height:44px;padding:8px;font-size:20px;cursor:pointer
}
.v10-simple-bell-count{
  position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:1px 3px;
  border-radius:999px;background:#b91c1c;color:#fff;font:700 10px/16px system-ui;text-align:center
}
.v10-simple-bell-count:empty{display:none}
.v10-simple-overlay{
  position:fixed;z-index:999999;inset:0;background:rgba(17,24,39,.45);
  display:flex;align-items:flex-start;justify-content:center;padding:max(56px,env(safe-area-inset-top)) 12px 16px
}
.v10-simple-sheet{
  width:min(100%,560px);max-height:76vh;overflow:auto;background:#fff;color:#111827;
  border-radius:20px;box-shadow:0 20px 60px #11182733;padding:16px
}
.v10-simple-sheet header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.v10-simple-sheet header strong{font-size:18px}
.v10-simple-close{width:44px;height:44px;border-radius:12px;background:#f2f4f7;border:0;font-size:26px}
.v10-simple-notif{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid #e5e7eb}
.v10-simple-notif strong{font-size:14px}.v10-simple-notif span{font-size:12px;color:#6b7280}
#v8TransferScreen .app-header,
main.app-shell .app-header{padding-top:max(16px,env(safe-area-inset-top))!important}
#v8TransferScreen .app-header .header-row{align-items:center}
#v8TransferScreen .app-header h1{font-size:20px;line-height:1.25}
#v8TransferScreen .header-copy .v10-simple-copy{display:block;padding:3px 0;border:0;background:none;
 color:#64748b;text-align:left;font:500 11px system-ui;max-width:100%;word-break:break-all}
#v8TransferScreen .home-hero{padding:14px 16px!important}
#v8TransferScreen .home-hero h2{font-size:19px!important}
#v8TransferScreen .module-grid .module-card{min-height:85px;padding:14px!important}
#v8TransferScreen .module-grid .module-icon{font-size:22px!important}
#v8TransferScreen .v10-role-banner{padding:12px 14px!important;margin-block:8px!important}
#v8TransferScreen .v10-role-banner>strong{font-size:18px!important}
#v8TransferScreen .v10-role-banner>span{font-size:12px!important}
#v8TransferScreen .v10-role-banner>span:last-child{display:none}
#v8TransferScreen .scanner-context{gap:6px!important;padding:12px!important}
#v8TransferScreen .scanner-context>div{padding:5px!important}
#v8TransferScreen .list-section{padding:14px!important;border-radius:18px!important}
#v8TransferScreen .list-section .section-title h2{font-size:19px!important}
#v8TransferScreen .do-row[data-v8-transfer-id],
#v8TransferScreen .v10-history-row,
main.app-shell .do-row[data-do],
main.app-shell .v7-do-summary{
  border-radius:14px!important;box-shadow:none!important;position:relative;
  border:1px solid #e5e7eb!important;margin-bottom:8px!important;
  padding:12px!important;display:flex;flex-wrap:wrap;gap:8px
}
#v8TransferScreen .do-row[data-v8-transfer-id] strong,
#v8TransferScreen .v10-history-row strong{font-size:12px!important;font-weight:500!important;color:#475569}
.v10-simple-id{font-size:11px!important;color:#6b7280!important}
#v8TransferScreen .v10-transfer-meta,
#v8TransferScreen .do-row .do-count,
#v8TransferScreen .v10-history-count{display:none!important}
.v10-simple-status{display:inline-flex;align-items:center;font-weight:750;font-size:12px;
 border-radius:10px;padding:8px 10px;width:max-content;max-width:100%}
[data-v10-simple-status="complete"]{background:var(--v10-complete-bg)!important;border-color:#b6dfc4!important}
[data-v10-simple-status="complete"] .v10-simple-status{background:#c9ebd5;color:var(--v10-complete-fg)}
[data-v10-simple-status="short"]{background:var(--v10-short-bg)!important;border-color:#f3d49b!important}
[data-v10-simple-status="short"] .v10-simple-status{background:#ffdfad;color:var(--v10-short-fg)}
[data-v10-simple-status="pending"]{background:var(--v10-pending-bg)!important;border-color:#d3d9e1!important}
[data-v10-simple-status="pending"] .v10-simple-status{background:#e0e4e9;color:var(--v10-pending-fg)}
[data-v10-simple-status="draft"],[data-v10-simple-status="cancel"]{background:var(--v10-muted-bg)!important}
[data-v10-simple-status="draft"] .v10-simple-status,
[data-v10-simple-status="cancel"] .v10-simple-status{background:#dce1e7;color:var(--v10-muted-fg)}
#v8TransferScreen .do-row[hidden],#v8TransferScreen .v10-history-row[hidden]{display:none!important}
#v8TransferScreen .v10-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
#v8TransferScreen .v10-history-grid>div{padding:10px!important;min-height:unset!important}
#v8TransferScreen .v10-history-detail>.v10-role-banner{padding:10px!important}
#v8TransferScreen .v10-history-detail .v10-history-items{max-height:45vh;overflow:auto}
#v8TransferScreen .v10-history-grid>div[hidden]{display:none!important}
main.app-shell .v7-do-summary .v7-status{font-size:12px!important}
@media(max-width:480px){
  .v6-management-header{gap:8px;flex-wrap:nowrap}
  .v6-management-header .v6-management-brand{min-width:0;flex:1}
  .v10-simple-sheet{border-radius:16px}
  #v8TransferScreen .camera-card{min-height:180px!important}
  #v8TransferScreen .scanner-context{font-size:13px}
  #v8TransferScreen .v10-history-grid{gap:6px!important}
}

/* V10 web receiving: sender scans, receiver only checks quantities. */
.v10-tick-receiving .camera-card,.v10-tick-receiving .camera-controls,
.v10-tick-receiving #holdScan,.v10-tick-receiving #manualForm,
.v10-tick-receiving #feedbackLayer,.v10-tick-receiving #finishDo,
.v10-tick-receiving #v8TransferVideo,.v10-tick-receiving #v8TransferCameraStatus,
.v10-tick-receiving #v8TransferHold,.v10-tick-receiving #v8TransferManual,
.v10-tick-receiving #v8TransferFeedback,.v10-tick-receiving #v8CompleteTransfer,
.v10-tick-receiving #v8ReceiveUndo,.v10-tick-receiving #v8ReceiveScans,
.v10-tick-receiving #v8TransferItems,.v10-tick-receiving .do-metrics,
.v10-tick-receiving .do-items{display:none!important}
.v10-tick-panel{background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:18px;
 padding:16px;margin:12px 14px 22px;display:grid;gap:12px}
.v10-tick-panel header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.v10-tick-panel header h2{font-size:20px!important;margin:0}.v10-tick-panel header small{color:#6b7280;word-break:break-all}
.v10-tick-summary{border-radius:14px;padding:12px;font:750 15px system-ui;background:#f0f2f5;color:#566274}
.v10-tick-summary[data-kind="complete"]{background:#e6f7ed;color:#087347}
.v10-tick-summary[data-kind="short"]{background:#fff0d5;color:#9a5b05}
.v10-tick-receiver{display:grid;gap:6px;font-weight:700;font-size:14px}
.v10-tick-receiver input{min-height:48px;border:1px solid #cbd5e1;border-radius:12px;padding:10px;color:#111827}
.v10-tick-items{display:grid;gap:8px}
.v10-tick-item{display:grid;grid-template-columns:minmax(0,1fr) auto 28px 75px;align-items:center;
 gap:8px;border:1px solid #d1d5db;border-radius:14px;padding:12px;background:#f0f2f5}
.v10-tick-item[data-kind="complete"]{background:#e6f7ed;border-color:#afd8bd}
.v10-tick-item[data-kind="short"]{background:#fff0d5;border-color:#edcc96}
.v10-tick-item-copy{display:grid;min-width:0;gap:4px}
.v10-tick-item-copy strong{font-size:14px;overflow-wrap:anywhere}
.v10-tick-item-copy small{font-size:11px;color:#64748b;overflow-wrap:anywhere}
.v10-tick-status{font-size:11px;color:#586374}
.v10-tick-item[data-kind="complete"] .v10-tick-status{color:#087347}
.v10-tick-item[data-kind="short"] .v10-tick-status{color:#9a5b05}
.v10-tick-item input[type="checkbox"]{width:24px;height:24px;accent-color:#087347}
.v10-tick-qty{min-width:0;width:75px;padding:8px 4px;border:1px solid #cbd5e1;
 border-radius:9px;text-align:center;background:#fff;color:#111827;font-size:16px}
.v10-tick-panel button.primary{min-height:50px;border-radius:12px}
.v10-tick-panel button:disabled{opacity:.5}
.v10-tick-error{color:#b91c1c;font-size:12px;margin:0}
.v10-tick-error:empty{display:none}
@media(max-width:460px){
 .v10-tick-item{grid-template-columns:minmax(0,1fr) 24px 65px}
 .v10-tick-status{grid-column:1;grid-row:2}
 .v10-tick-qty{width:65px}
}

/* V10 second-pass QC: visual-first DO/Transfer list status. */
main.app-shell .do-row[data-do],main.app-shell .v7-do-summary,
#v8TransferScreen .do-row[data-v8-transfer-id],#v8TransferScreen .v10-history-row{
  display:flex;flex-direction:column;align-items:stretch;gap:7px;border-left:5px solid #a8b2bf!important
}
main.app-shell [data-v10-simple-status="complete"],#v8TransferScreen [data-v10-simple-status="complete"]{border-left-color:#13804d!important}
main.app-shell [data-v10-simple-status="short"],#v8TransferScreen [data-v10-simple-status="short"]{border-left-color:#c67a09!important}
main.app-shell [data-v10-simple-status="pending"],#v8TransferScreen [data-v10-simple-status="pending"]{border-left-color:#64748b!important}
.v10-simple-status{font-size:13px!important;letter-spacing:.01em}
main.app-shell .v7-do-summary .v7-do-numbers{display:none!important}
#v8TransferScreen .v10-history-grid>div[hidden]{display:none!important}
#v8TransferScreen .v10-role-banner>span:last-child{display:none!important}
#v8TransferScreen .app-header .back-button,main.app-shell .app-header .back-button{min-width:44px;min-height:44px;touch-action:manipulation}