.objekto-connectivity {
    align-items: center;
    background: #fff5dc;
    border: 1px solid #e3b24b;
    border-radius: 12px;
    color: #5b3b00;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 12px auto 0;
    max-width: min(1520px, calc(100% - 32px));
    padding: 10px 14px;
}
.objekto-connectivity[hidden] { display: none; }
.objekto-connectivity[data-state="restored"] {
    background: #e8f8f1;
    border-color: #79caa8;
    color: #145c42;
}
.objekto-connectivity__message { min-width: 0; overflow-wrap: anywhere; }
.objekto-connectivity[data-state="offline"] .objekto-connectivity__message {
    font-size: max(1rem, 16px);
    line-height: 1.45;
}
.objekto-connectivity__dismiss {
    background: transparent;
    border: 0;
    color: currentColor;
    cursor: pointer;
    flex: 0 0 auto;
    font: inherit;
    font-weight: 800;
    min-height: 40px;
    padding: 4px 8px;
}
.objekto-connectivity__dismiss[hidden] { display: none; }
.worker-pwa-install {
    background: var(--theme-surface-subtle, #f4f9fc);
    border: 1px solid var(--theme-line, #cfe0eb);
    border-radius: 16px;
    display: grid;
    gap: 12px;
    margin: 16px 0;
    min-width: 0;
    padding: 16px;
}
.worker-pwa-install[hidden] { display: none; }
.worker-pwa-install h3,
.worker-pwa-install p { margin: 0; }
.worker-pwa-install p { color: var(--theme-muted, #617488); overflow-wrap: anywhere; }
.worker-pwa-install__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.worker-pwa-install__actions [hidden] { display: none; }
html[data-theme-preference="dark"] .objekto-connectivity {
    background: #3c321d;
    border-color: #806329;
    color: #ffe2a1;
}
html[data-theme-preference="dark"] .objekto-connectivity[data-state="restored"] {
    background: #16382d;
    border-color: #397c63;
    color: #a6eccf;
}
.objekto-public-offline-shell {
    align-items: center;
    background: #eef5f9;
    display: flex;
    justify-content: center;
    margin: 0;
    min-height: 100vh;
    padding: 24px;
}
.objekto-public-offline-card {
    background: #fff;
    border: 1px solid #cfe0eb;
    border-radius: 20px;
    box-shadow: 0 18px 48px rgba(7, 21, 43, .12);
    box-sizing: border-box;
    display: grid;
    gap: 16px;
    max-width: 560px;
    padding: 28px;
    width: 100%;
}
.objekto-public-offline-card :where(h1, p) { margin: 0; }
.objekto-public-offline-card img { border-radius: 18px; }
.objekto-public-offline-card details { color: #617488; }
@media (max-width: 560px) {
    .objekto-connectivity {
        border-radius: 10px;
        max-width: calc(100% - 20px);
        padding: 12px 14px;
    }
    .worker-pwa-install__actions,
    .worker-pwa-install__actions > * { align-items: stretch; display: grid; width: 100%; }
    .objekto-public-offline-shell { padding: 14px; }
    .objekto-public-offline-card { padding: 22px; }
}