/* Compact grid cells and a full-width record drop area, without changing row height. */
.attachment-drop.attachment-compact{min-height:0;height:24px;max-height:24px;gap:4px;overflow:hidden;border-radius:4px}
.attachment-compact .attachment-files{flex:1;width:auto;min-width:0}
.attachment-compact .attachment-file{width:100%;border-radius:5px}
.attachment-drop .attachment-browse,.attachment-drop .attachment-more{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:24px;padding:3px 8px;border:1px solid #d9e2dd;border-radius:999px;background:#fff;color:#34443d;font:inherit;font-size:12px;font-weight:500;white-space:nowrap;line-height:18px;cursor:pointer}
.attachment-drop .attachment-browse .lucide{width:14px;height:14px;flex-shrink:0;color:#87958d}
.attachment-drop .attachment-browse:hover,.attachment-drop .attachment-more:hover{background:#f1f5f3;border-color:#a8bab1}
.attachment-drop button:focus-visible{outline:2px solid #2c6651;outline-offset:1px}
.attachment-compact:has(.attachment-files) .attachment-browse{width:24px;height:24px;padding:0}
.attachment-compact:has(.attachment-files) .attachment-browse>span{display:none}
.attachment-compact:not(:has(.attachment-files)) .attachment-browse{min-width:0;max-width:100%;border-color:transparent;background:transparent;padding:0 4px;color:#738078;font-weight:400}
.attachment-compact .attachment-browse>span{overflow:hidden;text-overflow:ellipsis}
.attachment-drop.attachment-detail{flex-direction:column;align-items:stretch;gap:10px;height:auto;cursor:default}
.attachment-detail .attachment-files{width:100%;max-height:320px;overflow:auto;overscroll-behavior:contain}
.attachment-detail .attachment-file{min-height:42px;flex-shrink:0}
.attachment-detail .attachment-preview-trigger{font-size:13px;gap:8px}
.attachment-detail .attachment-preview-trigger>small{font-size:11px;white-space:nowrap;flex-shrink:0}
.attachment-detail .attachment-file>button[data-remove-attachment]{flex-shrink:0;width:28px;height:28px}
.attachment-detail .attachment-browse{align-self:flex-start;padding:7px 12px}
.attachment-limit,.attachment-field-hint{color:#738078;font-size:12px;font-weight:400;line-height:1.5}
.attachment-drop .attachment-progress{font-size:12px;justify-content:center}
.attachment-drop[aria-disabled=true]{cursor:default}
.attachment-drop[aria-disabled=true]:hover{background:transparent;border-color:transparent}
.attachment-manager-modal{width:min(640px,calc(100vw - 32px))}
.attachment-manager-modal .attachment-detail{max-height:65vh;overflow:auto}
@media(max-width:600px){.attachment-detail .attachment-preview-trigger>small{display:none}.attachment-detail .attachment-files{max-height:240px}}