/* Official full application name — shared across auth + admin footers */
.app-official-footer {
    box-sizing: border-box;
    text-align: center;
}

.app-official-footer .app-official-title {
    margin: 0 0 0.45rem 0;
    font-size: 0.58rem;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: 0.03em;
}

.app-official-footer .app-official-copy {
    margin: 0;
    font-size: 0.7rem;
}

/* Dark gradient background (login, register, forgot password, reset) */
.app-official-footer--dark {
    max-width: 640px;
    width: min(92vw, 640px);
    margin-top: 0.85rem;
    margin-bottom: 1rem;
    padding: 0 14px;
}

.app-official-footer--dark .app-official-title {
    color: rgba(248, 250, 252, 0.95);
}

.app-official-footer--dark .app-official-copy {
    color: #94a3b8;
}

/* Login-only subtle footer: pinned low and less bright */
.app-official-footer--login-subtle {
    position: fixed;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    margin: 0;
    z-index: 5;
    pointer-events: none;
}

.app-official-footer--login-subtle .app-official-title {
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.52rem;
    font-weight: 500;
    letter-spacing: 0.025em;
}

.app-official-footer--login-subtle .app-official-copy {
    color: rgba(148, 163, 184, 0.72);
    font-size: 0.62rem;
}

/* Admin portal — strip below main content */
.app-official-footer--admin {
    width: 100%;
    border-top: 1px solid #e2e8f0;
    background: #eef2f6;
    margin-top: 2rem;
    padding: 16px 24px 20px;
}

.app-official-footer--admin .app-official-title {
    color: #475569;
    font-size: 0.65rem;
    max-width: 960px;
    margin: 0 auto 0.4rem;
}

.app-official-footer--admin .app-official-copy {
    color: #64748b;
    font-size: 0.72rem;
}

/* Fixed strip (student / teacher / counselor dashboards) */
.app-official-footer--portal-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #dde4ef;
    padding: 8px 14px 10px;
    border-top: 1px solid #e2e8f0;
    z-index: 1000;
    max-width: none;
}

.app-official-footer--portal-fixed .app-official-title {
    font-size: 0.5rem;
    line-height: 1.35;
    color: #475569;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin: 0 0 4px 0;
}

.app-official-footer--portal-fixed .app-official-copy {
    font-size: 0.58rem;
    color: #64748b;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}