.pwa-offline-package-layer { position: relative; z-index: 87; margin: 1rem 0; }
.pwa-offline-package { display: grid; gap: .7rem; padding: 1rem; border: 1px solid color-mix(in srgb, #4f46e5 36%, var(--panel-border, #cbd5e1)); border-radius: 14px; background: var(--panel-bg, #fff); color: var(--panel-text, #0f172a); box-shadow: 0 8px 22px rgba(15, 23, 42, .08); }
.pwa-offline-package h2 { margin: 0; font-size: 1.05rem; }
.pwa-offline-package__warning, .pwa-offline-package__help { margin: 0; color: #475569; }
.pwa-offline-package__form { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .45rem; align-items: center; }
.pwa-offline-package input, .pwa-offline-package select { min-width: 0; width: 100%; box-sizing: border-box; padding: .5rem; border: 1px solid #94a3b8; border-radius: 8px; background: #fff; color: #0f172a; font: inherit; }
.pwa-offline-package button { min-height: 2.25rem; padding: .45rem .75rem; border: 1px solid #64748b; border-radius: 8px; background: #f8fafc; color: #0f172a; font: inherit; cursor: pointer; }
.pwa-offline-package button.is-primary { border-color: #4338ca; background: #4f46e5; color: #fff; }
.pwa-offline-package__status { margin: 0; font-weight: 700; }
.pwa-offline-package__list { display: grid; gap: .3rem; margin: 0; padding-left: 1.25rem; }
.pwa-offline-package__list .is-retained { color: #166534; }
.pwa-offline-package__list .is-excluded { color: #64748b; text-decoration: line-through; }
.pwa-offline-package__actions { display: flex; gap: .5rem; flex-wrap: wrap; }
@media (max-width: 900px) { .pwa-offline-package__form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pwa-offline-package__form button { width: 100%; } }
@media (max-width: 560px) { .pwa-offline-package__form { grid-template-columns: 1fr; } }
@media (forced-colors: active) { .pwa-offline-package { border: 2px solid CanvasText; box-shadow: none; } .pwa-offline-package input, .pwa-offline-package select, .pwa-offline-package button { border: 1px solid CanvasText; background: Canvas; color: CanvasText; } }
@media print { .pwa-offline-package-layer { display: none !important; } }