body { background: var(--color-light); color: var(--color-gray-900); }
.dms-header, .dms-actions, .dms-upload { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.dms-header { padding: 12px 20px; background: var(--color-white); border-bottom: 1px solid var(--color-border-color); }
.dms-header > a { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; }
.dms-header img { width: 115px; }
.dms-header nav { display: flex; flex-wrap: wrap; gap: 8px; }
.dms-header nav a { padding: 6px 10px; border-radius: 5px; }
.dms-header nav a[aria-current] { background: var(--color-primary-transparent); color: var(--sc-primary); }
.dms-header form { margin-inline-start: auto; }
.dms-main { width: min(100% - 32px, 1200px); margin: 24px auto; display: grid; gap: 14px; }
.dms-main h1 { font-size: 22px; font-weight: 650; overflow-wrap: anywhere; }
.dms-upload { padding: 12px; }
.dms-upload label { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.dms-upload input { max-width: 100%; }
.dms-upload button:disabled { opacity: .65; cursor: default; }
.dms-upload-progress, .dms-upload-error { flex: 0 0 100%; }
.dms-upload-progress:not([hidden]) { display: grid; gap: 6px; }
.dms-upload-progress-heading { display: flex; justify-content: space-between; gap: 8px; }
.dms-upload-progress progress { width: 100%; height: 8px; accent-color: var(--sc-primary); }
.dms-detail-heading { justify-content: space-between; }
.dms-document-preview { margin: 0; padding: 12px; }
.dms-document-preview img { max-height: 75vh; max-width: 100%; margin: 10px auto 0; }
.dms-tenant-list { display: grid; gap: 8px; }
.dms-error { background: var(--color-danger-transparent); color: var(--color-gray-900); padding: 12px; border-radius: 5px; }