/* Custom styles for Playcast Architecture Documentation */

/* Improve table styling */
.md-typeset table:not([class]) {
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 0.1rem;
}

.md-typeset table:not([class]) th {
    background-color: var(--md-default-fg-color--lightest);
    font-weight: 700;
}

/* Better code block styling */
.md-typeset .highlight {
    margin: 1em 0;
}

/* Improve admonition spacing */
.md-typeset .admonition {
    margin: 1.5625em 0;
}

/* Custom styling for metrics and KPIs */
.metrics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.metric-card {
    padding: 1rem;
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 0.2rem;
    background-color: var(--md-code-bg-color);
}

.metric-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--md-primary-fg-color);
}

/* Improve navigation for long documents */
.md-nav__item--nested > .md-nav__link {
    font-weight: 700;
}

/* Better spacing for task lists */
.md-typeset .task-list-item {
    margin: 0.5em 0;
}

/* Highlight important sections */
.md-typeset .important {
    background-color: var(--md-accent-bg-color);
    padding: 0.5rem;
    border-radius: 0.2rem;
    border-left: 4px solid var(--md-accent-fg-color);
}

/* Status indicators */
.status-high { color: #d32f2f; font-weight: 700; }
.status-medium { color: #f57c00; font-weight: 700; }
.status-low { color: #388e3c; font-weight: 700; }

/* Progress indicators */
.progress-bar {
    width: 100%;
    height: 8px;
    background-color: var(--md-default-fg-color--lightest);
    border-radius: 4px;
    overflow: hidden;
    margin: 0.5rem 0;
}

.progress-fill {
    height: 100%;
    background-color: var(--md-primary-fg-color);
    transition: width 0.3s ease;
}