/* _content/StockSync.Web.LandingPage/Pages/Index.cshtml.rz.scp.css */
.outer-box[b-w2vak1j802] {
    max-width: 500px;
    height: auto;
    border: 2px solid gray;
    background-color: #3b3b3b;
    padding: 15px 25px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0.15, 0.15, 0.15, 0.15);
    width: 100%;
    margin: 15px 0px 0px 0px;
}

.led-indicator[b-w2vak1j802] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 20px;
    animation: flash-b-w2vak1j802 0.5s infinite;
}

.led-placeholder[b-w2vak1j802] {
    width: 20px;
    height: 20px;
    border: 2px solid gray;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 20px;
}

@keyframes flash-b-w2vak1j802 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }
}

.inner-box[b-w2vak1j802] {
    width: calc(100% - 60px);
    height: calc(100% - 20px);
    border: 3px solid gray;
    background-color: #fff;
    border-radius: 2px;
    overflow: hidden;
}

/* New styles for image display */
.esl-image-container[b-w2vak1j802] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.esl-status-image[b-w2vak1j802] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Action buttons */

/* Responsive button grid */
.button-grid[b-w2vak1j802] {
    display: grid;
    gap: 0.75rem;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* Default: 2 buttons per row on very small screens */
@media (max-width: 575.98px) {
    .button-grid[b-w2vak1j802] {
        grid-template-columns: repeat(2, 1fr);
    }
        /* Last button in odd-numbered grid */
        .button-grid button:last-child:nth-child(odd)[b-w2vak1j802] {
            grid-column: 1 / -1;
        }
}

/* 3 buttons per row on small screens */
@media (min-width: 576px) and (max-width: 767.98px) {
    .button-grid[b-w2vak1j802] {
        grid-template-columns: repeat(3, 1fr);
    }
        /* Center last row if not full */
        .button-grid button:last-child:nth-child(3n-1)[b-w2vak1j802] {
            grid-column: 2;
        }
}

/* All buttons in one row on medium screens and up */
@media (min-width: 768px) {
    .button-grid[b-w2vak1j802] {
        grid-template-columns: repeat(5, auto);
        gap: 1rem;
    }
}

/* Make buttons more touch-friendly on mobile */
@media (max-width: 767.98px) {
    .btn[b-w2vak1j802] {
        padding: 0.625rem 1rem;
        font-size: 0.9rem;
    }
}

/* Optional: Add some hover effects for better interactivity */
.btn-outline-primary[b-w2vak1j802] {
    transition: all 0.2s ease-in-out;
}

    .btn-outline-primary:hover[b-w2vak1j802] {
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

/* Pricing */
/* Teal & Lime style */
.bg-teal[b-w2vak1j802] {
    background-color: #009688; /* Material Teal 500 */
}

.bg-lime[b-w2vak1j802] {
    background-color: #d4fc79 !important;
    color: #212529 !important;
    border: 1px solid #c0e565;
}

/* Highlight card styling */
.highlight-starter[b-w2vak1j802] {
    background-color: #e0f2f1; /* Light teal background */
    border: 2px solid #009688;
    box-shadow: 0 0 0.5rem rgba(0, 150, 136, 0.3);
    transition: transform 0.2s ease;
}

    .highlight-starter:hover[b-w2vak1j802] {
        transform: scale(1.02);
        box-shadow: 0 0 1rem rgba(0, 150, 136, 0.4);
    }

.highlight-starter-header .badge[b-w2vak1j802] {
    top: -14px;
}

.highlight-starter[b-w2vak1j802] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .highlight-starter:hover[b-w2vak1j802] {
        transform: scale(1.02);
        box-shadow: 0 0 1rem rgba(0, 150, 136, 0.3);
    }

@keyframes fadeInUp-b-w2vak1j802 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.highlight-starter[b-w2vak1j802] {
    animation: fadeInUp-b-w2vak1j802 0.5s ease-in-out;
}




/* _content/StockSync.Web.LandingPage/Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-u05jjlmqk2] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-u05jjlmqk2] {
    color: var(--bs-primary);
}

.btn-primary[b-u05jjlmqk2] {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary-dark);
}

.nav-pills .nav-link.active[b-u05jjlmqk2], .nav-pills .show > .nav-link[b-u05jjlmqk2] {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary-dark);
}

.border-top[b-u05jjlmqk2] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-u05jjlmqk2] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-u05jjlmqk2] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-u05jjlmqk2] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-u05jjlmqk2] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}