/* Custom styles for Aegis Stack documentation */

/* Make all tables stretch to full width */
.md-typeset table {
    width: 100%;
    display: table;
}

/* Ensure table cells use available space properly */
.md-typeset table:not([class]) {
    display: table;
    width: 100%;
}

/* Override Material theme's max-width for tables if needed */
.md-typeset__table {
    width: 100%;
}

/* Make the table wrapper full width */
.md-typeset__scrollwrap {
    width: 100%;
}

/* Ensure responsive tables also stretch */
.md-typeset .md-typeset__table table {
    width: 100%;
}

/* For comparison tables, distribute columns more evenly */
.md-typeset table th,
.md-typeset table td {
    padding: 0.8rem 1.2rem;
}

/* Optional: Make specific columns wider/narrower as needed */
/* Target the first column (usually labels) to be slightly narrower */
.md-typeset table td:first-child,
.md-typeset table th:first-child {
    width: 20%;
    font-weight: 600;
}

/* Make the "Use Cases" column in queue tables wider */
.md-typeset table td:last-child,
.md-typeset table th:last-child {
    width: 35%;
}

/* Mermaid diagram fixes for dark mode */
[data-md-color-scheme="slate"] .mermaid {
    background-color: transparent !important;
}

[data-md-color-scheme="slate"] .mermaid .node text,
[data-md-color-scheme="slate"] .mermaid .edgeLabel text,
[data-md-color-scheme="slate"] .mermaid .messageText,
[data-md-color-scheme="slate"] .mermaid .labelText {
    fill: #ffffff !important;
    color: #ffffff !important;
}

[data-md-color-scheme="slate"] .mermaid .node rect,
[data-md-color-scheme="slate"] .mermaid .node circle,
[data-md-color-scheme="slate"] .mermaid .node polygon {
    stroke: #64748b !important;
}

[data-md-color-scheme="slate"] .mermaid .edgePath .path {
    stroke: #64748b !important;
}

/* Light mode - ensure visibility */
[data-md-color-scheme="default"] .mermaid .node text,
[data-md-color-scheme="default"] .mermaid .edgeLabel text {
    fill: #1e293b !important;
    color: #1e293b !important;
}