/* Shared developer credit for authentication, workspaces and public pages. */
.developer-credit-footer {
    flex-shrink: 0;
    padding: 10px 16px;
    border-top: 1px solid #e0e6eb;
    background: #fafbfc;
}
.developer-credit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 10px;
    width: 100%;
    color: #718295;
    font: 400 11px/1.6 Inter, "Segoe UI", Arial, sans-serif;
    text-align: center;
}
.developer-credit-item { display: inline; }
.developer-credit-separator { color: #9aa8b6; }
.developer-credit a { color: #255e87; text-decoration: none; }
.developer-credit a:hover { color: #17476a; text-decoration: underline; }
.developer-credit a:focus-visible { outline: 2px solid #255e87; outline-offset: 3px; border-radius: 2px; }
.developer-credit strong { font-weight: 600; }
.banking-app .workspace-footer .developer-credit span { font-weight: 400; letter-spacing: normal; }
.banking-app .workspace-footer .developer-credit a { color: #255e87; }
body.banking-auth { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
.banking-auth .bank-auth-shell { flex: 1 0 auto; min-height: 0; }
.banking-auth .bank-auth-main { min-height: 0; }
.banking-auth > .developer-credit-footer { margin-top: auto; }
body.bank-public { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
.bank-public #public-content { flex: 1; }
.bank-public .developer-credit-footer { padding: 12px 0; background: transparent; border-top-color: #344a5a; }
.bank-public .developer-credit { color: #bccdd8; }
.bank-public .developer-credit a { color: #c4d8e1; }
.bank-public .developer-credit a:hover { color: #fff; }
@media (max-width: 575.98px) {
    .developer-credit-footer { padding: 10px 12px; }
    .developer-credit { gap: 3px 8px; font-size: 10px; }
    .developer-credit-item { white-space: nowrap; }
    .developer-credit-separator { display: none; }
}