.client-attachment-field { padding: .9rem; border: 1px dashed var(--border, #d7cec2); border-radius: .55rem; background: rgba(255,255,255,.45); }
.client-attachment-field input[type="file"] { width: 100%; margin-top: .4rem; }
.client-attachment-status { min-height: 1.25rem; margin-top: .45rem; color: var(--muted, #6f665d); font-size: .83rem; }
.client-attachment-drafts { display: flex; flex-wrap: wrap; gap: .45rem; }
.client-attachment-drafts > span { display: inline-flex; align-items: center; gap: .45rem; padding: .4rem .55rem; border: 1px solid #d9d0c5; border-radius: .35rem; background: #fff; }
.client-attachment-drafts strong { max-width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.client-attachment-drafts em { color: #786e65; font-size: .75rem; font-style: normal; }
.client-attachment-drafts button { border: 0; background: transparent; color: #8b3b2f; font-size: 1.1rem; cursor: pointer; }
.client-attachment-links { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .8rem; }
.client-attachment-links a { display: grid; gap: .12rem; min-width: 12rem; padding: .55rem .7rem; border: 1px solid #d6ccbf; border-radius: .4rem; background: #fff; color: inherit; text-decoration: none; }
.client-attachment-links a:hover { border-color: #a7823e; }
.client-attachment-links span { font-weight: 600; overflow-wrap: anywhere; }
.client-attachment-links em { color: #756b60; font-size: .75rem; font-style: normal; }