@charset "utf-8";

/* =========================================================
   APPLICATION FOOTER — FIXED (ALWAYS VISIBLE)
   ========================================================= */

#app-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;

    z-index: 1040;

    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.2;
}

/* Inner layout */
#app-footer .footer-inner {
    max-width: 1400px;
    margin: 0 auto;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Role-based colors */
.footer-guest {
    background-color: #DFE6E7;
    color: #335500;
}

.footer-tech {
    background-color: #FF6600;
    color: #FFFFFF;
}

.footer-customer {
    background-color: #0d6efd;
    color: #FFFFFF;
}

/* Footer helpers */
.footer-small {
    font-size: 11px;
    opacity: 0.85;
    white-space: nowrap;
}

/* Compact buttons */
#app-footer .btn {
    padding: 2px 6px;
    font-size: 11px;
}

#app-footer .btn-outline-light {
    border-color: rgba(255,255,255,0.6);
    color: #fff;
}

#app-footer .btn-outline-light:hover {
    background-color: rgba(255,255,255,0.15);
}