/* App chrome logo styles (kept separate from portable install-pwa package) */

.dm-app-logo {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.28);
    background: #fff;
}

.dm-app-logo-lg {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    margin-bottom: 18px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.35);
}

.sidebar-app-logo-wrap {
    position: relative;
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sidebar-app-logo-wrap::before,
.sidebar-app-logo-wrap::after {
    content: '';
    position: absolute;
    inset: -5px;
    border-radius: 16px;
    border: 1px solid rgba(147, 197, 253, 0.45);
    animation: dmCopyrightSpread 2.8s ease-out infinite;
    pointer-events: none;
}

.sidebar-app-logo-wrap::after {
    animation-delay: 1.4s;
}

.sidebar-app-logo-btn {
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(96, 165, 250, 0.35);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.35);
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.sidebar-app-logo-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(147, 197, 253, 0.65);
    background: rgba(30, 58, 95, 0.55);
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25);
}

.sidebar-app-logo-btn .dm-app-logo {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    box-shadow: none;
}