/*
 * Dima logosu her ekranda: telefonda da üst çubukta görünür, giriş ekranında daha büyüktür.
 * Her iki panel (uygulama ve yönetim) bu dosyayı yükler.
 */

@media (max-width: 63.98rem) {
    .fi-topbar-start {
        display: flex;
        min-width: 0;
        margin-inline-end: auto;
    }

    .fi-topbar-start .fi-topbar-collapse-sidebar-btn-ctn {
        display: none;
    }

    .fi-topbar-start .fi-logo {
        margin-inline-start: 0.25rem;
    }
}

.fi-simple-header .fi-logo {
    height: 2.5rem !important;
    margin-bottom: 1.25rem;
}

/* İki adımlı giriş önerisi (panelin başında, kurulunca kaybolur). */
.dima-nudge {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    padding: 0.875rem 1rem;
    border: 1px solid color-mix(in oklab, var(--primary-600) 25%, transparent);
    border-radius: 0.875rem;
    background: color-mix(in oklab, var(--primary-600) 6%, transparent);
}

.dima-nudge__icon {
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    color: var(--primary-600);
}

.dima-nudge__body {
    flex: 1 1 20rem;
    min-width: 0;
}

.dima-nudge__title {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--gray-950);
}

.dima-nudge__text {
    margin-top: 0.125rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--gray-600);
}

.dima-nudge__actions {
    display: flex;
    gap: 0.5rem;
}

.dark .dima-nudge {
    border-color: color-mix(in oklab, var(--primary-400) 30%, transparent);
    background: color-mix(in oklab, var(--primary-400) 8%, transparent);
}

.dark .dima-nudge__icon {
    color: var(--primary-400);
}

.dark .dima-nudge__title {
    color: #fff;
}

.dark .dima-nudge__text {
    color: var(--gray-400);
}