.offline-status{flex-shrink:0;min-height:36px;padding:7px 12px;border:1px solid #b7d9df;border-radius:20px;background:#eef9fa;color:#236471;font-size:11px;font-weight:600;touch-action:manipulation}.reference-header>.offline-status{align-self:center;margin:0 0 6px 4px;max-width:160px;white-space:normal;background:#ffffff18;border-color:#ffffff50;color:white}.offline-status[data-offline-ready=true]{box-shadow:inset 3px 0 #30be9b}.offline-dialog{width:min(560px,94vw);max-height:90dvh;overflow:auto;border:1px solid #c9dee7;border-radius:20px;padding:22px;color:#294c69;background:#fff;box-shadow:0 24px 80px #102b4c55}.offline-dialog::backdrop{background:#18334e99}.offline-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}.offline-dialog h2{font-size:20px;margin:0}.offline-dialog p{font-size:14px;line-height:1.7}.offline-dialog button{min-height:44px;border:1px solid #c7dde3;border-radius:10px;padding:10px 14px;background:#f2f8fa;color:#236471}.offline-dialog header button{font-size:24px;padding:4px 14px}.offline-dialog-actions{display:flex;flex-wrap:wrap;gap:8px}.offline-dialog button:focus-visible{outline:3px solid #079da9;outline-offset:3px}#offline-update{background:#087f8c;color:white}#offline-detail{padding:12px;border-radius:12px;background:#edf8f8}@media(max-width:720px){.reference-header>.offline-status{max-width:100px;font-size:10px;padding:5px 8px}.library-actions .offline-status{width:100%}}@media print{.offline-status,.offline-dialog{display:none!important}}