.joint-production-work-backup{margin:12px 0;color:var(--text);font:inherit}
.joint-production-work-backup>details{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}
.joint-production-work-backup summary{cursor:pointer;font-weight:600}
.joint-production-work-backup p{line-height:1.5;overflow-wrap:anywhere}
.joint-production-work-backup fieldset{min-width:0;border:0;padding:0;margin:0}
.joint-work-backup-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.joint-work-backup-notes{display:grid;gap:8px;margin:12px 0}
.joint-work-backup-notes label,.joint-work-backup-import-row>label{display:flex;align-items:flex-start;gap:8px;min-width:0;overflow-wrap:anywhere}
.joint-work-backup-notes input,.joint-work-backup-import-row input{flex:0 0 auto;margin-top:4px}
.joint-work-backup-file{display:grid;gap:8px;margin:14px 0}
.joint-production-work-backup input[type=file],.joint-production-work-backup select{font:inherit;max-width:100%;min-width:0;box-sizing:border-box}
.joint-work-backup-import-row,#joint-work-backup-preview article{padding:10px 0;border-bottom:1px solid var(--border);min-width:0;overflow-wrap:anywhere}
.joint-work-backup-import-row>label+label{display:grid;margin-top:8px;gap:6px}
.joint-work-backup-comparison{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;margin-top:10px;align-items:start}
.joint-work-backup-comparison p{margin:6px 0}
.joint-work-backup-actions .btn{white-space:normal;max-width:100%;overflow-wrap:anywhere}
@media(max-width:480px){.joint-work-backup-comparison{grid-template-columns:minmax(0,1fr)}.joint-work-backup-comparison>span{text-align:center}.joint-work-backup-actions .btn{flex:1 1 140px}}