/* Uras artwork stays transparent; the subtitle follows the Destek wordmark. */
.masraf-brand {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    flex-shrink: 0;
    width: 260px;
    max-width: 100%;
    line-height: 0;
    text-decoration: none;
    color: #f6f8fa;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    vertical-align: middle;
}
.masraf-brand:hover { color: inherit; }
.masraf-brand-logo {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    filter: url(#masraf-brand-light-ink);
}
.masraf-brand-subtitle {
    position: static;
    margin: 7px 1.5% 0 0;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #f6f8fa;
    font: 600 10px/1.3 Arial, sans-serif;
    letter-spacing: 2.2px;
    white-space: nowrap;
}
.masraf-brand-rule { display: block; width: 50px; height: 2px; background: #bff403; flex-shrink: 0; }
.masraf-brand[data-masraf-logo-contrast="dark"] .masraf-brand-logo { filter: none; }
.masraf-brand[data-masraf-logo-contrast="dark"] .masraf-brand-subtitle { color: #1c242b; }
.masraf-brand-defs { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.masraf-header-brand { display: flex; align-items: center; flex-shrink: 0; margin-right: 12px; }
.topbar .navbar { padding-top: 0; padding-bottom: 0; }
.masraf-header-brand .masraf-brand { width: 184px; }
.masraf-header-brand .masraf-brand-subtitle { font-size: 7.5px; line-height: 1.2; letter-spacing: 1.4px; gap: 6px; margin-top: 3px; }
.masraf-header-brand .masraf-brand-rule { width: 37px; height: 1px; }
.masraf-sidebar-brand .masraf-brand { width: 180px; }
.masraf-sidebar-brand .masraf-brand-subtitle { font-size: 8px; line-height: 1.2; letter-spacing: 1.3px; gap: 6px; margin-top: 4px; }
.masraf-sidebar-brand .masraf-brand-rule { width: 30px; height: 1px; }
.masraf-login-brand { margin: 0 auto 24px; }
.masraf-login-brand .masraf-brand { width: 340px; }
.masraf-login-brand .masraf-brand-subtitle { font-size: 12px; letter-spacing: 3px; gap: 10px; margin-top: 10px; }
.masraf-login-brand .masraf-brand-rule { width: 68px; }
.masraf-install-item { margin: 0 5px; }
[data-masraf-install-container][hidden], [data-masraf-install][hidden] { display: none !important; }
.masraf-install-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 7px 13px;
    border: 1px solid rgba(191, 244, 3, .5);
    border-radius: 10px;
    background: rgba(28, 36, 43, .78);
    color: #f5f9eb;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease;
}
.masraf-install-icon { flex-shrink: 0; color: #bff403; }
.masraf-install-button:hover { background: #26353b; border-color: #bff403; }
.masraf-install-button:focus-visible, .masraf-brand:focus-visible { outline: 3px solid #01c6d2; outline-offset: 3px; }
.masraf-install-button:disabled { opacity: .65; cursor: wait; }
@media (max-width: 991px) {
    .masraf-install-label { display: none; }
    .masraf-install-button { width: 38px; height: 38px; padding: 7px; }
}
@media (max-width: 575px) {
    .topbar .navbar { padding-left: 10px; padding-right: 10px; }
    .masraf-header-brand { margin-left: 8px; margin-right: 0; }
    .masraf-header-brand .masraf-brand { width: 134px; }

    .masraf-header-brand .masraf-brand-subtitle { font-size: 6.4px; letter-spacing: .7px; gap: 5px; margin-top: 4px; }
    .masraf-header-brand .masraf-brand-rule { width: 20px; }
    .masraf-install-item { margin: 0 2px; }
    .topbar .navbar .navbar-nav .nav-link { padding-left: .4rem; padding-right: .4rem; }
    .topbar .user-box { margin-left: .35rem; }
    .topbar .mobile-search-icon { display: none; }
    .masraf-login-brand .masraf-brand { width: 290px; }
    .masraf-login-brand .masraf-brand-subtitle { font-size: 10px; letter-spacing: 2.5px; }
}
@media (max-width: 380px) {
    .masraf-header-brand .masraf-brand { width: 112px; }
    .masraf-header-brand .masraf-brand-subtitle { font-size: 5.8px; letter-spacing: .5px; gap: 4px; margin-top: 3px; }
    .masraf-header-brand .masraf-brand-rule { width: 17px; }
    .topbar .navbar .navbar-nav .nav-link { padding-left: .25rem; padding-right: .25rem; }
    .topbar .user-img { width: 34px; height: 34px; }
}
@media (prefers-reduced-motion: reduce) {
    .masraf-install-button { transition: none; }
}