:root {
    /* Goods in Transit States Colors */
    --status-new-color: #00aaff;         /* Bright blue for New */
    --status-confirmed-color: #007bff;   /* Slightly darker blue for Confirmed */
    --status-loaded-color: #ffcc00;      /* Green for Loaded */
    --status-in-transit-color: #ff9900;  /* Yellow for In Transit */
    --status-unloaded-color: #ffcc00;    /* Orange for Unloaded */
    --status-completed-color: #33cc33;   /* Bright green for Completed */
    --status-cancelled-color: #ff4444;   /* Red for Cancelled */
}

.w-25 {
    width: 25%;
}
.w-50 {
    width: 50%;
}
.w-75 {
    width: 75%;
}
.w-100 {
    width: 100%;
}

body {
    background-color: var(--neutral-stroke-layer-rest);
    background-image: url('../images/background1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.fluent-appbar-item {
    --appbar-item-size: 72;
}

.fluent-appbar-item div[part="label"] {
    text-wrap: wrap !important;
}

.chat-card {
    background-color: var(--neutral-fill-secondary-rest);
    border-radius: 8px;
    padding: 16px;
}

.footer-container{
    position: fixed; 
    bottom: -32px;
    display: block;
}

/* Hide footer when viewport height is less than 600px */
@media (max-height: 800px) {
    .footer-container {
        display: none !important;
    }
}