.saas-document-cards{gap:var(--saas-space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.saas-document-card{border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);transition:border-color var(--saas-motion-micro) var(--saas-ease-standard);flex-direction:column;display:flex;overflow:hidden}.saas-document-card:hover,.saas-document-card[data-selected=true]{border-color:var(--saas-brand-primary)}.saas-document-card--skeleton{background:var(--saas-bg-sunken);min-block-size:320px}.saas-document-card__thumb{border-block-end:1px solid var(--saas-border-default);background:var(--saas-bg-sunken);block-size:128px;position:relative}.saas-document-card__thumb-open{block-size:100%;inline-size:100%;color:var(--saas-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.saas-document-card__thumb[data-kind=pdf] .saas-document-card__thumb-open{color:var(--saas-tint-red-fg)}.saas-document-card__thumb[data-kind=image] .saas-document-card__thumb-open{color:var(--saas-tint-blue-fg)}.saas-document-card__thumb-open:focus-visible{box-shadow:inset var(--saas-focus-ring);outline:none}.saas-document-card__check{position:absolute;inset-block-start:var(--saas-space-sm);inset-inline-start:var(--saas-space-sm)}.saas-document-card__badge{position:absolute;inset-block-start:var(--saas-space-sm);inset-inline-end:var(--saas-space-sm)}.saas-document-card__body{gap:var(--saas-space-sm);padding:var(--saas-space-card);flex-direction:column;flex:1;display:flex}.saas-document-card__head{align-items:flex-start;gap:var(--saas-space-xs);display:flex}.saas-document-card__heading{align-items:flex-start;gap:var(--saas-space-xs);flex-direction:column;flex:1;min-inline-size:0;display:flex}.saas-document-card__title{max-inline-size:100%;font-size:var(--saas-font-body);margin:0;font-weight:600}.saas-document-card__title button{max-inline-size:100%;color:var(--saas-text-primary);font:inherit;text-align:start;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;display:block;overflow:hidden}.saas-document-card__title button:hover{color:var(--saas-brand-primary)}.saas-document-card__title button:focus-visible{border-radius:var(--saas-radius-xs);box-shadow:var(--saas-focus-ring);outline:none}.saas-document-card__type{padding-block:var(--saas-space-2xs);padding-inline:var(--saas-space-sm);border-radius:var(--saas-radius-full);background:var(--saas-accent-subtle);color:var(--saas-accent);font-size:var(--saas-font-caption);font-weight:600}.saas-document-card__student{align-items:center;gap:var(--saas-space-sm);min-inline-size:0;display:flex}.saas-document-card__who{min-inline-size:0}.saas-document-card__name,.saas-document-card__meta{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.saas-document-card__name{font-size:var(--saas-font-body-sm);font-weight:600}.saas-document-card__meta,.saas-document-card__facts,.saas-document-card__by{color:var(--saas-text-secondary);font-size:var(--saas-font-caption)}.saas-document-card__facts{justify-content:space-between;gap:var(--saas-space-sm);margin:0;display:flex}.saas-document-card__facts dd,.saas-document-card__by{align-items:center;gap:var(--saas-space-xs);margin:0;display:inline-flex}.saas-document-card__foot{align-items:center;gap:var(--saas-space-xs);padding-block:var(--saas-space-sm);padding-inline:var(--saas-space-card);border-block-start:1px solid var(--saas-border-default);display:flex}.saas-document-card__end{margin-inline-start:auto}.saas-document-card__type[data-color=blue]{background:var(--saas-tint-blue-bg);color:var(--saas-tint-blue-fg)}.saas-document-card__type[data-color=green]{background:var(--saas-tint-green-bg);color:var(--saas-tint-green-fg)}.saas-document-card__type[data-color=yellow]{background:var(--saas-tint-yellow-bg);color:var(--saas-tint-yellow-fg)}.saas-document-card__type[data-color=red]{background:var(--saas-tint-red-bg);color:var(--saas-tint-red-fg)}.saas-document-card__type[data-color=grey]{background:var(--saas-status-neutral-subtle);color:var(--saas-status-neutral)}