/* 铭牌识别卡片：纸色、细边、不加阴影；只做预填，不抢表单的视觉层级。 */
.plaque-ocr-privacy{
  margin:6px 0 10px;
  font-size:12px;
  line-height:1.5;
  color:var(--ink-3);
}

.plaque-ocr-entry{
  display:flex;
  align-items:center;
  min-height:44px;
  margin:2px 0 8px;
}

.plaque-ocr-link{
  appearance:none;
  border:0;
  background:none;
  padding:6px 0;
  min-height:44px;
  color:var(--accent);
  font:inherit;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  text-align:left;
}
.plaque-ocr-link:active{opacity:.7}

.plaque-ocr-card{
  margin:2px 0 12px;
  padding:12px 14px;
  background:var(--raise);
  border:1px solid var(--line);
  border-radius:12px;
}

.plaque-ocr-head{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:24px;
}
.plaque-ocr-title{
  font-size:14px;
  font-weight:600;
  color:var(--ink);
}
.plaque-ocr-count{
  margin-left:auto;
  font-size:12px;
  color:var(--ink-3);
}

.plaque-ocr-rows{
  list-style:none;
  margin:6px 0 0;
  padding:0;
}
.plaque-ocr-row{
  padding:2px 0;
  border-top:1px solid var(--paper-3);
}
.plaque-ocr-row:first-child{border-top:0}
.plaque-ocr-row.is-missing{opacity:.66}

.plaque-ocr-card .plaque-ocr-check{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 8px;
  min-height:44px;
  margin:0;
  font-weight:400;
  letter-spacing:normal;
  cursor:pointer;
}
.plaque-ocr-card .plaque-ocr-row.is-missing .plaque-ocr-check{cursor:default}

.plaque-ocr-card .plaque-ocr-box{
  flex:0 0 auto;
  width:18px;
  height:18px;
  margin:0;
  padding:0;
  border:0;
  border-radius:4px;
  background:transparent;
  accent-color:var(--accent);
}
.plaque-ocr-card .plaque-ocr-box.is-empty{
  display:inline-block;
  border:1px solid var(--line-2);
  border-radius:4px;
  background:var(--paper-2);
}

.plaque-ocr-card .plaque-ocr-label{
  flex:0 0 auto;
  font-size:13px;
  color:var(--ink-2);
}
.plaque-ocr-card .plaque-ocr-value{
  flex:1 1 120px;
  min-width:0;
  text-align:right;
  font-size:13px;
  line-height:1.4;
  color:var(--ink);
  overflow-wrap:anywhere;
}
.plaque-ocr-card .plaque-ocr-row.is-missing .plaque-ocr-value{color:var(--ink-3)}

.plaque-ocr-card .plaque-ocr-note{
  display:block;
  width:100%;
  padding-left:26px;
  font-size:12px;
  line-height:1.5;
  color:var(--ink-3);
}

.plaque-ocr-card .plaque-ocr-warn{
  list-style:none;
  margin:8px 0 0;
  padding:0;
  font-size:12px;
  line-height:1.55;
  color:var(--ink-3);
}
.plaque-ocr-card .plaque-ocr-warn li{
  position:relative;
  padding-left:12px;
}
.plaque-ocr-card .plaque-ocr-warn li::before{
  content:"";
  position:absolute;
  left:2px;
  top:.62em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--line-2);
}

.plaque-ocr-card .plaque-ocr-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.plaque-ocr-card .plaque-ocr-actions .btn{
  min-height:42px;
  font-size:14px;
}
.plaque-ocr-card .plaque-ocr-actions .btn.primary{
  flex:1 1 160px;
}
.plaque-ocr-card .plaque-ocr-actions .btn.ghost{
  flex:1 1 96px;
}
.plaque-ocr-card .plaque-ocr-actions .plaque-ocr-link{
  margin-left:auto;
}

.plaque-ocr-error{
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:var(--ink-2);
}

.plaque-ocr-card .plaque-ocr-applied{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:32px;
  font-size:13px;
  color:var(--ink-2);
}
.plaque-ocr-card .plaque-ocr-applied span{flex:1;min-width:0}
.plaque-ocr-card .plaque-ocr-applied .plaque-ocr-link{margin-left:auto;flex:0 0 auto}

.plaque-ocr-spinner{
  width:14px;
  height:14px;
  margin-left:auto;
  border:2px solid var(--paper-3);
  border-top-color:var(--accent);
  border-radius:50%;
  animation:plaque-ocr-spin .8s linear infinite;
}
@keyframes plaque-ocr-spin{
  to{transform:rotate(360deg)}
}

/* 填入后短暂提示哪些字段被改了；不改布局。 */
.plaque-ocr-flash{
  background-color:var(--accent-light)!important;
  transition:background-color .25s ease;
}

@media (max-width:360px){
  .plaque-ocr-card{padding:11px 12px}
  .plaque-ocr-actions .btn.primary,
  .plaque-ocr-card .plaque-ocr-actions .btn.ghost{flex:1 1 100%}
  .plaque-ocr-card .plaque-ocr-actions .plaque-ocr-link{margin-left:0}
}

@media (prefers-reduced-motion:reduce){
  .plaque-ocr-spinner{animation:none}
  .plaque-ocr-flash{transition:none}
}