/* R024N53 presentation for additive SKU input tools. Recognition, search, mapping, viewer, and highlight logic are unchanged. */
.r024n51-input-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:.65rem 0 0}
.r024n51-dialog [hidden]{display:none!important}
.r024n51-input-actions button{min-height:44px}
.r024n51-input-status{margin:.55rem 0 0;color:var(--muted);font-size:.92rem}
.r024n51-input-status[data-tone="error"]{color:#b42318}
.r024n51-input-status[data-tone="ready"]{color:#166534}
.r024n51-input-status[data-tone="working"]{color:#92400e}
.r024n51-dialog{border:0;border-radius:18px;padding:0;width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;box-shadow:0 24px 80px rgba(15,23,42,.34)}
.r024n51-dialog::backdrop{background:rgba(15,23,42,.66)}
.r024n51-dialog-card{padding:18px;background:#fff;color:var(--text)}
.r024n51-dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.r024n51-dialog-head h2{margin:0}
.r024n51-dialog-close{min-width:44px;min-height:44px}
.r024n51-camera-frame{position:relative;overflow:hidden;border-radius:14px;background:#111827;min-height:220px;margin:14px 0}
.r024n51-camera-frame video,.r024n51-camera-frame canvas,.r024n51-camera-frame img{display:block;width:100%;max-height:52vh;object-fit:contain}
.r024n51-camera-frame video[hidden],.r024n51-camera-frame canvas[hidden],.r024n51-camera-frame img[hidden]{display:none}
.r024n51-scan-guide{position:absolute;left:8%;right:8%;top:35%;height:30%;border:3px solid #facc15;border-radius:12px;box-shadow:0 0 0 999px rgba(0,0,0,.18);pointer-events:none}
.r024n51-scan-guide span{position:absolute;left:8px;top:8px;background:#111827;color:white;border-radius:999px;padding:4px 8px;font-size:.8rem;font-weight:800}
.r024n51-dialog-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.r024n51-file-button{position:relative;overflow:hidden}
.r024n51-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}
.r024n51-file-button:has(input:disabled){opacity:.58;pointer-events:none}
.r024n51-progress{width:100%;height:10px;margin:12px 0}
.r024n51-candidates{display:grid;gap:8px;margin-top:12px}
.r024n51-candidate{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#f8fafc}
.r024n51-candidate strong{font-size:1.12rem;letter-spacing:.04em}
.r024n51-candidate span{display:block;color:var(--muted);font-size:.84rem}
.r024n51-privacy{margin:12px 0 0;color:var(--muted);font-size:.85rem}
.r024n80-voice-cancel{grid-column:1/-1;border-color:#b42318!important;color:#b42318!important;background:#fff!important}
.r024n80-cancel-processing{border-color:#b42318!important;color:#b42318!important;background:#fff!important}
@media(max-width:600px){
  .r024n51-input-actions{display:grid;grid-template-columns:1fr 1fr}
  .r024n51-dialog{max-height:calc(100dvh - 16px);width:calc(100vw - 16px)}
  .r024n51-dialog-card{padding:14px max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
  .r024n51-dialog-actions{display:grid;grid-template-columns:1fr}
  .r024n51-dialog-actions>*{width:100%}
  .r024n51-candidate{align-items:stretch;flex-direction:column}
}

/* R024N53 scanner feature polish. */
.r024n51-input-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
  gap:.55rem;
  margin:.55rem 0 0;
}
.r024n51-input-actions button{
  width:100%;
  min-width:0;
  min-height:48px;
  border-radius:13px;
  font-weight:850;
}
#r024n51Voice{
  border-color:#cbd5e1;
  background:#fff;
  color:#334155;
}
#r024n51Scan{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  overflow:visible;
  border:1px solid #0f766e;
  background:#0f766e;
  color:#fff;
  font-size:0;
  box-shadow:0 4px 12px rgba(15,118,110,.2);
}
#r024n51Scan::before{
  content:"Scan SKU";
  font-size:.98rem;
  line-height:1;
}
#r024n51Scan::after{
  content:"BETA";
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:.2rem .42rem;
  border:1px solid #fde68a;
  border-radius:999px;
  background:#fef3c7;
  color:#78350f;
  font-size:.68rem;
  font-weight:950;
  line-height:1;
  letter-spacing:.055em;
}
#r024n51Scan:hover:not(:disabled),#r024n51Scan:focus-visible:not(:disabled){
  border-color:#115e59;
  background:#115e59;
}
.r024n51-input-status{
  min-height:1.45rem;
  margin:.45rem 0 0;
  padding:.38rem .55rem;
  border-radius:9px;
  background:#f8fafc;
  font-size:.82rem;
  line-height:1.35;
}
.r024n51-input-status[data-tone="ready"]{background:#f0fdf4}
.r024n51-input-status[data-tone="working"]{background:#fffbeb}
.r024n51-input-status[data-tone="error"]{background:#fef2f2}
.r024n51-dialog{
  border:1px solid #cbd5e1;
  border-radius:20px;
  box-shadow:0 28px 90px rgba(15,23,42,.38);
}
.r024n51-dialog-card{padding:1.15rem}
.r024n51-dialog-head{
  align-items:center;
  padding-bottom:.8rem;
  border-bottom:1px solid #e2e8f0;
}
.r024n51-dialog-head h2{
  color:#0f172a;
  font-size:1.42rem;
  letter-spacing:-.02em;
}
.r024n51-camera-frame{
  border:2px solid #334155;
  border-radius:16px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.r024n51-dialog-actions>*{min-height:48px;border-radius:12px;font-weight:850}
.r024n51-dialog-actions #r024n51StartCamera{background:#0f766e;border-color:#0f766e}
.r024n51-file-button{display:inline-flex;align-items:center;justify-content:center}
.r024n51-candidate{border-radius:13px;padding:.75rem}
.r024n51-privacy{
  padding-top:.7rem;
  border-top:1px solid #e2e8f0;
  line-height:1.4;
}
body.r024n49-high-contrast #r024n51Voice,
body.r024n49-high-contrast #r024n51Scan,
body.r024n49-high-contrast .r024n51-input-status,
body.r024n49-high-contrast .r024n51-dialog-card{
  background:#000;
  color:#fff;
  border-color:#fff;
}

@media(max-width:600px){
  .r024n51-input-actions{grid-template-columns:1fr 1fr;gap:.5rem}
  .r024n51-input-actions button{min-height:50px;padding:.55rem}
  #r024n51Scan::before{font-size:.92rem}
  #r024n51Scan::after{font-size:.62rem;padding:.18rem .34rem}
  .r024n51-input-status{margin-top:.4rem;font-size:.78rem}
  .r024n51-dialog{border-radius:16px}
  .r024n51-dialog-card{padding:.85rem max(.85rem,env(safe-area-inset-right)) max(.85rem,env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-left))}
  .r024n51-dialog-head{align-items:flex-start;gap:.65rem}
  .r024n51-dialog-head h2{font-size:1.22rem}
  .r024n51-camera-frame{min-height:190px;margin:.8rem 0}
}

@media(max-width:350px){
  .r024n51-input-actions{grid-template-columns:1fr}
}

/* R024N53 UI2: feature buttons read as deliberate tools instead of generic secondary actions. */
#r024n51Voice{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  border:1px solid #6366f1;
  background:linear-gradient(180deg,#fff,#eef2ff);
  color:#312e81;
  font-size:0;
  box-shadow:0 5px 13px rgba(79,70,229,.13);
}
#r024n51Voice::before{
  content:"Voice SKU";
  font-size:.98rem;
  line-height:1;
}
#r024n51Voice::after{
  content:"SPEAK";
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:.2rem .42rem;
  border:1px solid #c7d2fe;
  border-radius:999px;
  background:#e0e7ff;
  color:#3730a3;
  font-size:.64rem;
  font-weight:950;
  line-height:1;
  letter-spacing:.055em;
}
#r024n51Voice:hover:not(:disabled),#r024n51Voice:focus-visible:not(:disabled){
  border-color:#4f46e5;
  background:#e0e7ff;
}
#r024n51Scan{
  min-height:52px;
  border-color:#0d9488;
  background:linear-gradient(180deg,#0d9488,#0f766e);
  box-shadow:0 7px 16px rgba(15,118,110,.24);
}
#r024n51Scan:hover:not(:disabled),#r024n51Scan:focus-visible:not(:disabled){
  border-color:#0f766e;
  background:linear-gradient(180deg,#0f766e,#115e59);
}
.r024n51-input-status{
  border:1px solid #e2e8f0;
  background:rgba(255,255,255,.8);
}

@media(max-width:600px){
  .r024n51-input-actions button{min-height:52px}
  #r024n51Voice::before,#r024n51Scan::before{font-size:.9rem}
  #r024n51Voice::after,#r024n51Scan::after{font-size:.58rem;padding:.18rem .32rem}
}