.doda-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem}.doda-heading h2{margin:0}.doda-workspace{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(440px,1.35fr);gap:1rem}.doda-upload-card,.doda-result-card{margin-top:1rem}.doda-drop{display:grid;place-items:center;text-align:center;gap:.35rem;min-height:180px;margin:1rem 0;border:2px dashed #a9bfd9;border-radius:12px;color:var(--blue);cursor:pointer;background:#f9fbff}.doda-drop span{font-size:2rem}.doda-drop small{color:var(--muted);max-width:260px;overflow:hidden;text-overflow:ellipsis}.doda-empty{display:grid;place-items:center;min-height:180px;color:var(--muted)}.doda-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}.doda-field{border:1px solid var(--line);border-radius:9px;padding:.75rem}.doda-field small{display:block;color:var(--muted);font-size:.65rem}.doda-field b{display:block;margin-top:.2rem}.doda-field.wide{grid-column:span 2}.doda-alerts{display:grid;gap:.45rem;margin:1rem 0}.doda-alert{border-left:4px solid var(--orange);background:#fff8e9;padding:.65rem .8rem;border-radius:6px;color:#8d5b0b;font-size:.75rem;font-weight:750}.doda-ok{border-left-color:var(--green);background:#effaf4;color:#08764a}.doda-match{display:flex;gap:.4rem;flex-wrap:wrap}.doda-match span{border-radius:999px;padding:.35rem .65rem;background:#e8f1ff;color:#075fc7;font-size:.65rem;font-weight:850}.doda-number-status{display:inline-flex;border-radius:5px;padding:.25rem .4rem;font-size:.62rem;font-weight:850}.doda-number-status.found{background:#dff5e9;color:#07814c}.doda-number-status.missing{background:#ffe1e1;color:#bd2630}.doda-number-status.conflict{background:#fff0c9;color:#a46100}.doda-detail{margin-top:1rem;padding:1rem;border:1px solid #b9cce5;border-radius:10px;background:#f8fbff}.doda-detail h3{margin-top:0}.save-success{background:#0a9b3f;color:#fff;border-radius:8px;padding:.8rem 1rem;font-weight:900}.doda-result-card>.save-success{width:100%}
@media(max-width:900px){.doda-workspace{grid-template-columns:1fr}.doda-fields{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.doda-heading{align-items:stretch;flex-direction:column}.doda-heading button{width:100%}.doda-fields{grid-template-columns:1fr}.doda-field.wide{grid-column:auto}.doda-upload-card,.doda-result-card{padding:.9rem}.doda-match{margin-top:.5rem}}
.doda-row-actions{display:flex;gap:.35rem}.doda-row-actions button{padding:.5rem .65rem;font-size:.68rem}.doda-load-section{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}.doda-load-form{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.doda-load-form>label{display:grid;gap:.3rem;font-size:.68rem;font-weight:800}.doda-load-form input,.doda-load-form select{min-width:0;border:1px solid #bdccde;border-radius:8px;padding:.7rem;background:#fff}.doda-photo-input{grid-column:1/-1;place-items:center;text-align:center;border:2px dashed #aac0da;border-radius:10px;padding:1rem;color:var(--blue);cursor:pointer}.doda-photo-input small{color:var(--muted)}.doda-photo-input input{width:100%;font-size:.68rem}.doda-load-form>button{grid-column:1/-1}.doda-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1rem}.doda-photo{min-width:0;border:1px solid var(--line);border-radius:10px;padding:.6rem;background:#fff}.doda-photo-preview{display:grid;place-items:center;aspect-ratio:4/3;background:#edf3fa;border-radius:7px;overflow:hidden;color:var(--muted);font-size:.7rem}.doda-photo-preview img{width:100%;height:100%;object-fit:cover}.doda-photo>b,.doda-photo>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.4rem}.doda-photo>b{font-size:.7rem}.doda-photo>small{font-size:.58rem;color:var(--muted)}.doda-photo>div:last-child{display:flex;gap:.3rem;margin-top:.5rem}.doda-photo button{flex:1;padding:.4rem;font-size:.6rem}
@media(max-width:900px){.doda-load-form{grid-template-columns:1fr 1fr}.doda-photo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.doda-row-actions{flex-direction:column}.doda-load-form{grid-template-columns:1fr}.doda-photo-grid{grid-template-columns:1fr 1fr}}