:root {
    --header-height: 60px;
    --footer-height: 50px;
}
.dnt-captcha input {
    direction: rtl !important;
    text-align: center !important;
}
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}
.relay-img-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .relay-img-wrapper.relay-error::after {
        content: "";
        position: absolute;
        width: 90%;
        height: 3px;
        background: red;
        transform: rotate(-45deg);
    }
nav.navbar {
    height: var(--header-height);
    flex-shrink: 0;
}

footer.footer {
    height: var(--footer-height);
    flex-shrink: 0;
    text-align: center;
    padding: 0.5rem 0;
    border-top: 1px solid #dee2e6;
}

/* فضا? ب?ن Navbar و Footer */
#renderBodyContainer {
    height: calc(100vh - var(--header-height) - var(--footer-height));
    display: flex;
    overflow: hidden;
}

#fullSpaceBox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

/* #myRow داخل RenderBody */
#myRow {
    display: flex;
    width: 100%;
    height: 100%;
}

    #myRow > .item {
        flex: 1 1 50%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

/* ستون b */
#b {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#a {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.b-header,
.b-time {
    flex: 0 0 10%;
}

.b-content {
    flex: 1 1 auto;
    overflow-y: auto;
}

/* موبا?ل */
@media (max-width: 768px) {
    #myRow {
        flex-direction: column;
    }

        #myRow > .item {
            flex: 1 1 50%;
        }
}

.open-create-scenario-btn:hover img {
    transform: scale(1.2);
    transition: transform 0.2s;
}


.typewriter {
    font-family: 'IranYekan', monospace;
    color: #007bff;
    direction: ltr; /* چپ به راست */
    text-align: left; /* چپ‌چ?ن */
}

    .typewriter span {
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        animation: typing 4s steps(30) forwards; /* تا?پ بدون چشمک زن */
    }

        /* خط دوم بعد از خط اول شروع شود */
        .typewriter span:nth-child(2) {
            animation-delay: 2s;
        }

@keyframes typing {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
    /* طول واقع? متن */
}
/* =========================
   FONTS
========================= */
@font-face {
    font-family: 'iranyekanwebbold';
    src: url('/fonts/iranyekanwebbold.woff2') format('woff2'), url('/fonts/iranyekanwebbold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.iranyekanwebbold {
    font-family: 'iranyekanwebbold', sans-serif;
}

@font-face {
    font-family: 'IRANSansWeb';
    src: url('/fonts/iransansdnweb.woff2') format('woff2'), url('/fonts/iransansdnweb.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

.IRANSansWeb {
    font-family: 'IRANSansWeb', sans-serif;
}

@font-face {
    font-family: 'IRANSansWeb_Bold';
    src: url('/fonts/IRANSansWeb_Bold.woff2') format('woff2'), url('/fonts/IRANSansWeb_Bold.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

.IRANSansWeb_Bold {
    font-family: 'IRANSansWeb_Bold', sans-serif;
}

@font-face {
    font-family: 'IRANSansWeb_Medium';
    src: url('/fonts/IRANSansWeb_Medium.woff2') format('woff2'), url('/fonts/IRANSansWeb_Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

.IRANSansWeb_Medium {
    font-family: 'IRANSansWeb_Medium', sans-serif;
}

@font-face {
    font-family: 'iranyekanweblight';
    src: url('/fonts/iranyekanweblight.woff2') format('woff2'), url('/fonts/iranyekanweblight.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

.iranyekanweblight {
    font-family: 'iranyekanweblight', sans-serif;
}
@font-face {
    font-family: 'interblack';
    src: url('/fonts/interblack.woff2') format('woff2'), url('/fonts/interblack.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

.interblack {
    font-family: 'interblack', sans-serif;
}

.sensor-container {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 2.5rem !important; /* فضا? آخر?ن کارت */
    padding-right: 0.5rem;
    scrollbar-width: thin;
    scrollbar-color: #dee2e6 transparent;
}

    .sensor-container::-webkit-scrollbar {
        width: 6px;
    }

    .sensor-container::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 3px;
    }

    .sensor-container::-webkit-scrollbar-thumb {
        background-color: #adb5bd;
        border-radius: 3px;
    }

        .sensor-container::-webkit-scrollbar-thumb:hover {
            background-color: #6c757d;
        }

/* موبا?ل */
@media (max-width: 768px) {
    .sensor-container {
        padding-bottom: 3rem !important;
        max-height: calc(100vh - 20vh); /* 20vh برا? header */
    }
}

/* تبلت و دسکتاپ */
@media (min-width: 769px) {
    .sensor-container {
        padding-bottom: 2rem !important;
    }
}