.attachment-archive{border-color:#a8c9ba;background:linear-gradient(135deg,#f4faf6,#fff);margin-block:20px}
.attachment-archive .panel-title{align-items:flex-start;gap:16px}
.attachment-archive h2{margin:0 0 8px}
.attachment-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.attachment-filters label{min-width:0}.attachment-filters select,.attachment-filters input{width:100%;min-width:0}
.attachment-selection .actions{margin-top:12px;flex-wrap:wrap}.attachment-selection p{margin:16px 0 8px}
.attachment-storage-cell{min-width:210px}.attachment-storage-cell small,.attachment-record-summary small,#attachment-archive-modal small{display:block;margin-top:5px}
.attachment-record-summary{border-top:1px solid #dce8e0;margin-top:16px;padding-top:16px}
.attachment-record-summary .actions{margin-top:12px;flex-wrap:wrap}
#attachment-archive-modal{width:min(720px,calc(100vw - 32px));max-height:88dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #cadad0;border-radius:18px;padding:24px;box-sizing:border-box}
#attachment-archive-modal::backdrop{background:#11271fb0}#attachment-archive-modal h2{margin-top:0}
#attachment-archive-modal .actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}
.attachment-preview-list{max-height:210px;overflow:auto;overscroll-behavior:contain;padding-right:10px;overflow-wrap:anywhere}
ul.attachment-preview-list{padding-left:20px}.attachment-preview-list li{padding:7px 0}
#attachment-archive-modal details{margin-top:14px}#attachment-archive-modal summary{cursor:pointer}
.objects tr[hidden]{display:none}
.objects th.attachment-select-cell,.objects td.attachment-select-cell{width:58px;min-width:58px;text-align:center;padding-inline:10px}.objects .attachment-select-cell input{width:17px;height:17px;margin:0;cursor:pointer}
@media(max-width:700px){.attachment-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-archive .actions button{white-space:normal;text-align:left}#attachment-archive-modal{padding:18px}.attachment-archive .panel-title{flex-wrap:wrap}}

/* CRM-091: compact filters and bulk actions; retain every archive control. */
#attachment-archive-panel{padding:14px 16px;margin-block:12px;overflow-wrap:normal}
#attachment-archive-panel .panel-title{align-items:center;gap:12px;margin-bottom:10px}
#attachment-archive-panel h2{font-size:16px;margin:0}
#attachment-archive-panel .panel-title p{font-size:12px;margin:3px 0 0}
#attachment-archive-panel .attachment-filters{grid-template-columns:repeat(4,minmax(0,1fr)) repeat(2,minmax(90px,.65fr));gap:10px;margin:10px 0}
#attachment-archive-panel select,#attachment-archive-panel input[type="number"]{font-size:13px;padding:7px 9px;margin-top:4px;min-height:34px}
#attachment-archive-panel .check{min-height:28px;font-size:12px}
#attachment-archive-panel button{min-height:34px;padding:6px 10px;font-size:12px}
.attachment-selection{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:8px}
.attachment-bulk-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.attachment-selection .attachment-bulk-heading p{margin:0;font-size:13px;white-space:nowrap}
.attachment-selection-options{position:relative;font-size:12px}
.attachment-selection-options summary{cursor:pointer;color:#147d63;white-space:nowrap}
.attachment-selection-options .actions{position:absolute;z-index:3;top:24px;left:0;width:270px;max-width:calc(100vw - 64px);margin:0;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 5px 20px #172c3a20}
.attachment-selection-options .actions button{width:100%;justify-content:flex-start;text-align:left}
.attachment-selection .attachment-bulk-actions{margin:0;gap:7px}
.attachment-operation-status:empty{display:none}
.attachment-operation-status p{margin:8px 0 0;font-size:12px}
.attachment-operation-status details{margin-top:8px;font-size:12px}
.objects.has-attachment-storage{min-width:1584px}
.objects.has-attachment-storage .attachment-select-cell{width:44px;min-width:44px;padding-inline:12px}
.objects.has-attachment-storage .attachment-storage-cell{width:240px;min-width:0}
.objects .attachment-storage-cell small{font-size:12px;margin-top:4px}
.objects .attachment-storage-cell button{font-size:12px;white-space:normal;margin-top:6px;padding:5px 8px}
@media(max-width:1200px){#attachment-archive-panel .attachment-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#attachment-archive-panel{padding:12px}#attachment-archive-panel .attachment-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-selection{align-items:flex-start}.attachment-bulk-actions{width:100%}.attachment-selection-options .actions{left:auto;right:0}}
