.side-main-layout {
    .side-card,
    .main-card {
        padding: 1.5rem;
        border-radius: var(--radius-md) !important;

        .temp-content {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;

            img {
                width: 24rem;
                height: auto;
            }
        }
    }

    .side-card {
        .side-header {
            display: flex;
            flex-direction: row;
            gap: 0.5rem;

            i { color: var(--primary); }
            .header-title {
                display: flex;
                flex-direction: column;
                gap: 0;

                h6 { font-weight: 700; }
                small {
                    font-weight: 400;
                    font-size: var(--font-xs);
                    color: var(--text-muted);
                }
            }
        }

        .side-notes {
            display: flex;
            flex-direction: row;
            gap: 0.5rem;

            i { color: var(--primary); }

            .notes-text {
                display: flex;
                flex-direction: column;
                gap: 0;

                small {
                    font-weight: 400;
                    font-size: var(--font-xs);
                    color: var(--text-muted);

                    strong {
                        color: var(--danger);
                    }
                }
            }
        }
    }

    .main-card {
        .main-header {
            display: flex;
            flex-direction: row;
            gap: 0.5rem;

            i { color: var(--primary); }
            .header-title {
                display: flex;
                flex-direction: column;
                gap: 0;

                h6 { font-weight: 700; }
                small {
                    font-weight: 400;
                    font-size: var(--font-xs);
                    color: var(--text-muted);
                }
            }
        }
    }
}

@media (min-width: 992px) { /* DESKTOPS */
    .side-main-layout {
        .fixed-side {
            width: 384px;
        }

        .main-card {
            min-height: 75dvh;
            height: 100%;
        }
    }
}