/**
 * Grid layout
 */
.md-typeset .grid.grid-full {
    grid-template-columns: repeat(auto-fit, 100%) !important;
}

/**
 * Custom status tag styles for HelicDocs (MkDocs Material)
 */
h3 .status-tag {
    margin-left: 10px;
    font-size: clamp(0.5rem, 11px, 14px) !important;
}

/**
 * Mermaid diagram styles
 */
#__mermaid_0 .nodeLabel, #__mermaid_0 .nodeLabel p,
#__mermaid_1 .nodeLabel, #__mermaid_1 .nodeLabel p,
#__mermaid_2 .nodeLabel, #__mermaid_2 .nodeLabel p {
    color: inherit !important;
}
.md-typeset .mermaid svg .nodeLabel,
.md-typeset .mermaid svg .nodeLabel p {
    color: inherit !important;
}

.md-typeset .mermaid svg .label text,
.md-typeset .mermaid svg .nodeLabel text,
.md-typeset .mermaid svg text {
    fill: currentColor !important;
}

/**
 * Status tag base styles
 */
.status-tag {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-style: solid;
    border-width: 1.5px;
    line-height: 1.2;
    vertical-align: middle;
}

/* Status: Draft (Rascunho) */
.status-draft {
    color: #ef6c00; /* Deep Orange 800 */
    border-color: #ff9800; /* Orange 500 */
    background-color: #fff3e0; /* Orange 50 */
}

/* Status: Review (Revisão) */
.status-review {
    color: #1565c0; /* Blue 800 */
    border-color: #2196f3; /* Blue 500 */
    background-color: #e3f2fd; /* Blue 50 */
}

/* Status: Deprecated (Obsoleto/Em desuso) */
.status-deprecated {
    color: #c62828; /* Red 800 */
    border-color: #f44336; /* Red 500 */
    background-color: #ffebee; /* Red 50 */
}

/* Status: Obsolete (Removido) */
.status-obsolete {
    color: #455a64; /* Blue Grey 700 */
    border-color: #607d8b; /* Blue Grey 500 */
    background-color: #eceff1; /* Blue Grey 50 */
}

/* Status: Approved (Geralmente oculto, mas definido por segurança) */
.status-approved {
    color: #2e7d32; /* Green 800 */
    border-color: #4caf50; /* Green 500 */
    background-color: #e8f5e9; /* Green 50 */
}

/* Ajustes para o modo escuro (Dark Mode) */
[data-md-color-scheme="slate"] .status-draft {
    background-color: rgba(255, 152, 0, 0.1);
}
[data-md-color-scheme="slate"] .status-review {
    background-color: rgba(33, 150, 243, 0.1);
}
[data-md-color-scheme="slate"] .status-deprecated {
    background-color: rgba(244, 67, 54, 0.1);
}
[data-md-color-scheme="slate"] .status-obsolete {
    background-color: rgba(96, 125, 139, 0.1);
}
[data-md-color-scheme="slate"] .status-approved {
    background-color: rgba(76, 175, 80, 0.1);
}

/**
 * Responsive video embedding styles
 */
.video-wrapper {
    position: relative;
    height: 0;
    overflow: hidden;
    margin: 1rem 0;
    border-radius: 0.5rem;
}

.video-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/**
 * Badge styles
 */
.doc-badge {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.4;
    vertical-align: middle;
}

.doc-badge-info {
    background: rgba(66, 133, 244, 0.15);
}

.doc-badge-success {
    background: rgba(52, 168, 83, 0.15);
}

.doc-badge-warning {
    background: rgba(251, 188, 5, 0.2);
}

.doc-badge-danger {
    background: rgba(234, 67, 53, 0.15);
}

.doc-badge-beta {
    background: rgba(156, 39, 176, 0.15);
}