.ddwppwa-app-nav {
    background: var(--ddwppwa-nav-bg, #fffdf8);
    border-top: 1px solid #e4dfd6;
    box-shadow: 0 -3px 16px rgba(30, 30, 30, .10);
    gap: 4px;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
}
.ddwppwa-app-nav .ddwppwa-app-nav-item {
    color: #475569;
    min-height: 58px;
    padding: 8px 4px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    gap: 4px;
    -webkit-tap-highlight-color: transparent;
}
.ddwppwa-app-nav .ddwppwa-app-nav-item svg { width: 24px; height: 24px; flex-shrink: 0; }
.ddwppwa-app-nav .ddwppwa-app-nav-item.is-active {
    color: var(--ddwppwa-nav-active, #9c301e);
    background: #f7e8e3;
}
.ddwppwa-app-nav .ddwppwa-app-nav-item:hover { color: var(--ddwppwa-nav-active, #9c301e); }
.ddwppwa-app-nav .ddwppwa-app-nav-item:focus-visible { outline: 2px solid var(--ddwppwa-nav-active, #9c301e); outline-offset: -2px; }
.ddwppwa-has-app-nav body { padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important; }