/* weak Wi-Fi (wifi.js): a button taking a while says "Saving…" on itself; a quiet line says what the connection is doing */
button[data-ww-slow]{position:relative;-webkit-text-fill-color:transparent}
button[data-ww-slow]>*{visibility:hidden}
button[data-ww-slow]::after{content:attr(data-ww-slow);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;-webkit-text-fill-color:currentColor;white-space:nowrap;overflow:hidden}
button[data-ww-slow]:disabled::after{-webkit-text-fill-color:#3a3a3c}
.ww-net{position:fixed;bottom:74px;left:50%;transform:translateX(-50%);z-index:70;max-width:min(560px,calc(100vw - 32px));background:#fff;color:var(--ink,#1d1d1f);border:1px solid #e0d2b0;border-inline-start:4px solid #b97a00;border-radius:10px;padding:9px 14px;font-weight:500;box-shadow:0 8px 30px rgba(0,0,0,.14)}
.ww-net[data-kind="did"],.ww-net[data-kind="found"]{border-color:#bfe0cb;border-inline-start-color:#1f8a4c}
.ww-net[data-kind="found"],.ww-net[data-kind="lost"]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ww-net[data-kind="found"]>span,.ww-net[data-kind="lost"]>span{flex:1 1 220px}
.ww-netbtn{border:1px solid #c9d6ce;background:#f4faf6;color:#145c33;border-radius:8px;padding:6px 10px;font:inherit;font-size:var(--fs-14);cursor:pointer}
.ww-netx{border:0;background:none;font-size:var(--fs-20);line-height:1;padding:4px 6px;color:#6b6b70;cursor:pointer}
.ww-repeat{flex-wrap:wrap;align-items:flex-start}
.ww-repeat>span{flex:1 1 70%}
.ww-repeat .ww-netbtn{margin-inline-start:30px;background:#fff;border-color:#e0c48e;color:#7a4300}
.ww-olpin{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:18px auto;padding:0 16px}
.ww-olpin input{font-size:var(--fs-18);letter-spacing:.2em}
.ww-saved{font-size:var(--fs-13);color:#1f8a4c;margin-inline-start:auto;white-space:nowrap}
.ww-saved.ww-dirty{color:#8a5a00}
/* with a sheet open the line moves to the top, so it never covers the sheet's own buttons (Yes, take another) */
body:has(.sheet) .ww-net{bottom:auto;top:12px}