.md-offline-indicator{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:10030;max-width:calc(100vw - 24px);padding:10px 14px;border:1px solid #d3dce3;border-radius:14px;background:#fff;color:#273341;box-shadow:0 3px 18px #0002;font:inherit;font-size:13px;cursor:pointer;line-height:1.35}
.md-offline-indicator[data-state=warning]{background:#fff6df;color:#794900;border-color:#efc76d}.md-offline-indicator[data-state=success]{background:#eaf7ef;color:#176b3f;border-color:#b2ddc2}
.md-offline-indicator{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;max-height:60px;box-sizing:border-box}
html[data-md-offline-status] .modal.open{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important;box-sizing:border-box}
html[data-md-offline-status] .modal.open>.modal-box{max-height:calc(100dvh - 90px - env(safe-area-inset-bottom))!important}
html[data-md-offline-status] .md-file-content{padding-bottom:68px}
#mdOfflineModal .modal-box{width:min(620px,100%);max-height:88dvh;overflow:auto;overscroll-behavior:contain;padding:20px;box-sizing:border-box}
.md-offline-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.md-offline-head h2{margin:0;font-size:20px}.md-offline-head button{min-width:44px;min-height:44px}
.md-offline-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.md-offline-actions .btn{min-height:44px;white-space:normal}.md-offline-note{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.md-offline-pending{padding:12px 0;border-top:1px solid #d8dfe5;overflow-wrap:anywhere}.md-offline-pending p{margin:6px 0}.md-offline-document-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;max-height:65dvh;overflow:auto;overscroll-behavior:contain}
html[data-theme=dark] .md-offline-indicator{background:#25303a;color:#edf2f7;border-color:#526071}html[data-theme=dark] .md-offline-indicator[data-state=warning]{background:#48371a;color:#ffe2a0}html[data-theme=dark] .md-offline-indicator[data-state=success]{background:#173c2b;color:#a4e6be}
@media(max-width:430px){#mdOfflineModal .modal-box{padding:16px}.md-offline-actions .btn{flex:1 1 130px;font-size:14px;padding:10px}.md-offline-indicator{font-size:12px}}