.barcode-photo-button {
    position: relative;
    min-height: 40px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #176bd4;
    background: #eef6ff;
    border: 1px solid #cbdcf0;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 750;
    cursor: pointer;
}
.barcode-photo-button:hover { color:#fff; background:#1677ef; }
.barcode-photo-button input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
html.bdn-dark-panels .barcode-photo-button { color:#bcd8ff; background:#172b43; border-color:#334b67; }
@media(max-width:650px) { .barcode-photo-button { min-height:44px; } }

.barcode-photo-mode {
    position: absolute;
    inset: 0;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    color: #eaf4ff;
    text-align: center;
    background: radial-gradient(circle at 50% 25%,#18395f,#07111f 68%);
}
.barcode-photo-mode>b { width:64px;height:64px;display:grid;place-items:center;color:#65afff;background:#102944;border:1px solid #31577f;border-radius:18px;font-size:28px; }
.barcode-photo-mode h3 { margin:4px 0 0;font-size:21px; }
.barcode-photo-mode p { max-width:410px;margin:0 0 10px;color:#a9bdd3;font-size:13px;line-height:1.55; }
.barcode-photo-main { position:relative;min-height:48px;padding:0 24px;display:flex;align-items:center;color:#fff;background:linear-gradient(135deg,#268aff,#1167df);border-radius:12px;box-shadow:0 10px 28px rgba(16,106,225,.35);font-size:13px;font-weight:800;cursor:pointer; }
.barcode-photo-main input { position:absolute;width:1px;height:1px;opacity:0;pointer-events:none; }
.barcode-manual-entry{padding:13px 18px;display:flex;flex-direction:column;gap:7px;background:#f7faff;border-top:1px solid #e1e9f3}.barcode-manual-entry>label{color:#62748b;font-size:10px;font-weight:800}.barcode-manual-entry>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.barcode-manual-entry input{min-width:0;min-height:43px;padding:0 12px;color:#1c3049;background:#fff;border:1px solid #ccd9e8;border-radius:10px}.barcode-manual-entry button{min-height:43px;padding:0 16px;color:#fff;background:#1674f5;border:0;border-radius:10px;font-weight:800}.barcode-manual-entry button:disabled{opacity:.5}html.bdn-dark-panels .barcode-manual-entry{background:#101f32;border-color:#2b3e57}html.bdn-dark-panels .barcode-manual-entry>label{color:#a5b6cb}html.bdn-dark-panels .barcode-manual-entry input{color:#edf5ff;background:#091728;border-color:#304966}@media(max-width:650px){.barcode-manual-entry{padding:12px}.barcode-manual-entry>div{grid-template-columns:1fr}.barcode-manual-entry button{width:100%}}