/* V1.10.1 – Logo resmi dan kredit developer di footer. Tidak menimpa elearning.css. */
.branding-logo { display:block; object-fit:contain; border-radius:50%; flex-shrink:0; background:#fff; }
.brand .brand-logo { width:48px; height:48px; padding:2px; box-shadow:0 4px 14px rgba(0,0,0,.20); }
.brand { align-items:center; }
.brand > span:last-child { min-width:0; }
.brand > span:last-child b { line-height:1.35; }
.elearning-footer.footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; background:linear-gradient(115deg,#0b2d4e,#0b4962); border:0; color:#e7f2f9; border-radius:14px; padding:18px 20px; margin-top:40px; box-shadow:0 10px 26px rgba(6,38,68,.09); }
.footer-campus { display:flex; align-items:center; gap:12px; min-width:0; }
.footer-campus .footer-logo { width:40px; height:40px; background:white; padding:2px; }
.footer-campus strong, .footer-campus small { display:block; }
.footer-campus strong { font-size:11px; color:#fff; line-height:1.5; font-weight:700; }
.footer-campus small { color:#bfd6e6; font-size:10px; margin-top:3px; }
.footer-developer { display:flex; align-items:center; gap:7px; color:#c5dfeb; font-size:11px; white-space:nowrap; }
.footer-developer strong { color:#ffd76b; border:1px solid rgba(255,215,107,.4); border-radius:16px; padding:5px 11px; letter-spacing:.02em; font-size:12px; }
.login-intro-top { gap:12px; }
.login-intro-top .login-brand-logo { width:56px; height:56px; padding:2px; box-shadow:0 5px 16px rgba(0,0,0,.18); }
.login-mobile-logo .branding-logo { width:34px; height:34px; padding:1px; }
.login-footer-credit.signin-foot { position:static; display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap:5px 16px; margin:30px auto 0; text-align:center; line-height:1.65; width:100%; color:#849bad; }
.login-footer-credit strong { color:#087d91; }
@media (max-width:700px) { .elearning-footer.footer { flex-direction:column; align-items:flex-start; padding:16px; gap:14px; } .footer-developer { align-self:flex-end; } .brand .brand-logo { width:43px; height:43px; } }
