.offline-status{display:flex;align-items:center;gap:10px;padding:11px 16px;margin:0 0 20px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:var(--paper,#fff);font:500 12px/1.5 inherit;color:var(--ink,#111827)}
.offline-status[hidden]{display:none}.offline-status>span:nth-child(2){flex:1}.offline-status button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:5px}
.offline-indicator{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#38815a}.offline-status[data-state=offline] .offline-indicator,.offline-status[data-state=pending] .offline-indicator{background:#ab720d}.offline-status[data-state=conflict] .offline-indicator{background:#bc4242}
.offline-dialog{width:min(820px,calc(100vw - 24px));max-height:90dvh;padding:0;border:1px solid #e5e7eb;border-radius:18px;color:var(--ink,#111827);background:var(--paper,#fff)}.offline-dialog::backdrop{background:rgb(17 24 39 / .4)}.offline-dialog .settings-content{padding:24px;display:grid;gap:18px}.offline-dialog p{font-size:14px;line-height:1.65;margin:0}.offline-actions{display:flex;flex-wrap:wrap;gap:10px}.offline-conflict{border:1px solid #d9c1c1;border-radius:12px;padding:16px}.offline-conflict h3{margin:0 0 8px}.offline-conflict .btn{margin:8px 8px 0 0}.offline-versions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.offline-versions>div{min-width:0}.offline-versions h4{font-size:13px;margin:0 0 8px}.offline-versions pre{max-height:230px;overflow:auto;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:rgb(128 128 128 / .07);border-radius:8px}
@media(max-width:600px){.offline-versions{grid-template-columns:1fr}.offline-status{margin:12px 0;font-size:11px}.offline-dialog .dialog-head,.offline-dialog .settings-content{padding:18px}}
.offline-versions dl{margin:0;max-height:260px;overflow:auto;padding:12px;background:rgb(128 128 128 / .07);border-radius:8px;font-size:13px;line-height:1.6}.offline-versions dt{font-size:11px;color:var(--muted,#6b7280);margin-top:10px}.offline-versions dt:first-child{margin-top:0}.offline-versions dd{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}