/* "Update available" pill and the offline outbox badge (added by /pwa.js). */
.updpill{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;display:inline-flex;align-items:center;
  border-radius:999px;background:#1f3a5f;color:#fff;box-shadow:0 8px 22px rgba(15,25,40,.30);font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;animation:updin .25s ease-out}
.updpill[hidden]{display:none}
.updpill .updbtn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 6px 8px 14px;border:none;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:999px 0 0 999px}
.updpill .updicon{color:#f2b84b;flex:none}
.updpill.busy .updicon{animation:updspin 1s linear infinite}
.updpill .updbtn[disabled]{cursor:default;opacity:.85}
.updpill .updx{min-width:36px;min-height:40px;padding:0 12px 0 8px;border:none;background:none;color:#c9d6e6;font-size:20px;line-height:1;cursor:pointer;border-radius:0 999px 999px 0}
.updpill .updx:hover{color:#fff}
.updpill .updbtn:focus-visible,.updpill .updx:focus-visible{outline:2px solid #f2b84b;outline-offset:-2px}
@keyframes updin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes updspin{to{transform:rotate(360deg)}}
.has-updbar .site-footer{padding-bottom:72px}
.syncbadge{position:fixed;left:14px;bottom:16px;z-index:55;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 15px;border-radius:999px;
  border:1px solid #e3c27a;background:#fff7e6;color:#7a4e00;font:600 15px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 6px 18px rgba(15,25,40,.18);cursor:pointer}
.syncbadge .dot{width:9px;height:9px;border-radius:50%;background:#d69a1d}
.syncbadge.off{background:#eef1f5;border-color:#c6ced8;color:#3c4652}
.syncbadge.off .dot{background:#7d8894}
.syncbadge.bad{background:#fbeaea;border-color:#e3b9b9;color:#8a2c2c}
.syncbadge.bad .dot{background:#a33a3a}
.syncpanel{position:fixed;left:14px;bottom:70px;z-index:56;width:min(380px,calc(100% - 28px));max-height:60vh;overflow:auto;background:#fff;color:#18212b;
  border:1px solid #d9dee4;border-radius:16px;padding:12px 14px;box-shadow:0 14px 36px rgba(15,25,40,.25);font:15px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.syncpanel .sphead{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.syncpanel .spx{border:none;background:none;font-size:26px;line-height:1;cursor:pointer;color:#5b6673;padding:2px 8px}
.splist{list-style:none;margin:0 0 10px;padding:0}
.splist li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #eef0f3}
.splist span{color:#5b6673}
.sperr{color:#a33a3a;font-size:14px;margin-top:2px}
.spact{display:flex;gap:6px;align-items:flex-start}