.work-record-actions{display:flex;flex-wrap:wrap;gap:9px;flex-basis:100%;width:100%;margin-top:12px;padding-top:14px;border-top:1px solid #d8e0e6}
.work-delete-start,.work-delete-final{min-height:42px;padding:9px 16px;border:1px solid #ac4242;border-radius:10px;background:#fff;color:#9f2929;font-weight:700;cursor:pointer}
.work-delete-confirm{flex-basis:100%;padding:14px;border:1px solid #dcb6b6;border-radius:12px;background:#fff8f8;color:#32212a}.work-delete-confirm[hidden]{display:none}.work-delete-confirm strong{display:block;font-size:16px}.work-delete-confirm p{margin:5px 0 12px;font-size:14px}.work-delete-confirm button{margin:0 8px 0 0}.work-record-error{flex-basis:100%;color:#a52c2c;margin:0}
.work-archive-list{display:grid;gap:9px;max-height:55vh;overflow:auto}.work-archive-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid #dce3e8;border-radius:12px;background:#fff;color:#172a38}.work-archive-list strong,.work-archive-list span,.work-archive-list small{display:block}.work-archive-list span{color:#415461;font-size:14px}.work-archive-list small{color:#596b75;margin-top:3px}.work-archive-open{min-height:44px}
@media(max-width:720px){.work-record-actions{width:100%}.work-archive-list article{align-items:flex-start}.work-archive-list article button{flex:none}.work-archive-open{font-size:15px}}