/* Document Archive System Styles */
main:has(> .docs-card),
section:has(> .docs-card),
div:has(> .docs-card) {
  display: grid!important;
  grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  gap: 2em;
  
}

main:has(> .docs-card) > header,
section:has(> .docs-card) > header,
div:has(> .docs-card) > header,
main:has(> .docs-card) > h1,
section:has(> .docs-card) > h1,
div:has(> .docs-card) > h1 {
	grid-column: span 2;
}

.docs-card {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
	min-height: 100%;
	transition: all 0.25s ease;  
	background: var(--simpledocs-background-color);
}

.docs-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
}

.docs-card h2 {
	font-size: 1.5em;
    padding: 1em 1.3em;
    border-bottom: 1px solid var(--simpledocs-border-color);
}

.docs-card a {
	text-decoration: none !important;
}

.docs-card br,
.docs-card p {
    display: none;
}

.docs-menu {
    list-style: none;
    padding: 1em 2em;
	display: flex;
	flex-direction: column;
	gap: 8px; 
	margin: 0;
}

.docs-menu li a {
    color: #555;
    font-size: 0.95em;
	font-weight: 500;
}

.docs-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding: 1.5em 2em;
    border-top: 1px solid var(--simpledocs-border-color);
}

.docs-actions .count {
    font-size: 0.85em;
    color: var(--simpledocs-link-color);
    font-weight: 500;
    background: var(--simpledocs-border-color);
    padding: 4px 12px;
    border-radius: 6px;
}

.docs-actions a {
    color: var(--simpledocs-link-color);
    text-decoration: none;
    font-size: 0.9em;
    font-weight: 600;
    padding: 8px 16px;
    transition: all 0.3s ease;
}

.docs-menu li a:hover,
.docs-actions a:hover {
    color: var(--simpledocs-accent-color);
}