.scan-page{background:var(--chit-cream);}
.scan-main{padding:3rem 0 5rem;}
.scan-wrap{max-width:1000px;}
.scan-title{margin-bottom:0.6rem;}
.scan-intro{max-width:60ch;margin-bottom:2.5rem;}

.scan-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;}

.scan-panel{
  background:var(--plate-white);
  border-radius:var(--radius-l);
  padding:1.8rem;
  box-shadow:var(--shadow-1);
}

.lot-row{display:flex;flex-direction:column;gap:0.4rem;margin-bottom:1.2rem;}
.lot-row label{font-size:0.85rem;font-weight:600;}
.lot-row select{
  width:100%;
  border:1.5px solid var(--line);border-radius:var(--radius-s);
  padding:0.7em 0.9em;font-family:var(--font-body);font-size:0.9rem;color:var(--ink);
  background:var(--plate-white);
}
.lot-rate-hint{
  font-family:var(--font-mono);font-size:0.78rem;color:var(--muted);
  margin:0.5rem 0 0;min-height:1.1em;
}

.mode-switch{display:flex;background:var(--chit-cream);border-radius:999px;padding:4px;margin-bottom:1.4rem;}
.mode-btn{
  flex:1;border:0;background:transparent;padding:0.6em 1em;border-radius:999px;
  font-family:var(--font-body);font-weight:600;font-size:0.9rem;color:var(--muted);cursor:pointer;
  transition:background 0.2s, color 0.2s;
}
.mode-btn.active{background:var(--ink);color:var(--plate-white);}

.camera-frame{
  position:relative;
  background:#0c0d10;
  border-radius:var(--radius-m);
  overflow:hidden;
  aspect-ratio:4/3;
  margin-bottom:1.1rem;
}
.camera-frame video{width:100%;height:100%;object-fit:cover;}
.camera-frame .corner{width:26px;height:26px;border-color:var(--plate-yellow);z-index:2;}

.plate-confirm{display:flex;flex-direction:column;gap:0.4rem;margin:1.1rem 0;}
.plate-confirm label{font-size:0.85rem;font-weight:600;}
.plate-confirm input{
  border:1.5px solid var(--line);border-radius:var(--radius-s);
  padding:0.75em 0.9em;font-family:var(--font-mono);font-size:1rem;letter-spacing:0.04em;
  text-transform:uppercase;
}

.scan-status{font-size:0.88rem;color:var(--muted);margin:1rem 0 0;min-height:1.3em;}

.result-card{margin-top:1.2rem;box-shadow:none;border:1.5px solid var(--line);}

.activity-panel{
  background:var(--plate-white);
  border-radius:var(--radius-l);
  padding:1.8rem;
  box-shadow:var(--shadow-1);
}
.activity-panel h3{margin-bottom:1rem;}
.activity-table-wrap{overflow-x:auto;}
.activity-table{width:100%;border-collapse:collapse;font-size:0.85rem;}
.activity-table th{
  text-align:left;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;
  color:var(--muted);padding:0.5em 0.6em;border-bottom:1px solid var(--line);
}
.activity-table td{padding:0.6em;border-bottom:1px solid var(--line);font-family:var(--font-mono);}
.activity-empty{color:var(--muted);font-family:var(--font-body);text-align:center;}

@media (max-width:860px){
  .scan-grid{grid-template-columns:1fr;}
}