/* Notifications sheet (js/push.js). Same look as the Nutrition tab: navy, cards, teal→blue buttons. */
.mbbn-bg{
  --b-bg:#0a1428;--b-card:#111f3b;--b-card2:#162847;--b-ink:#eef2fa;--b-muted:#9aa7c0;--b-line:#1e2f52;--b-well:#0b1730;
  --b-grad:linear-gradient(135deg,#14b8a6,#3b82f6);--b-teal:#5eead4;--b-link:#8fc1ff;
  --b-shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.45);
  position:fixed;inset:0;z-index:720;background:rgba(0,0,0,.5);display:none;align-items:flex-end;justify-content:center;
}
[data-theme="light"] .mbbn-bg{
  --b-bg:#faf7f0;--b-card:#ffffff;--b-card2:#f4f1e8;--b-ink:#14213d;--b-muted:#5d6577;--b-line:#e8e2d4;--b-well:#efeadf;
  --b-teal:#0d9488;--b-link:#1d5fd1;
  --b-shadow:0 1px 2px rgba(20,33,61,.06),0 8px 24px rgba(20,33,61,.08);
}
.mbbn-bg.open{display:flex;}
body.mbbn-open{overflow:hidden;}
.mbbn-sheet{width:min(560px,100%);max-height:92vh;overflow-y:auto;background:var(--b-bg);color:var(--b-ink);border-radius:22px 22px 0 0;
  padding:8px 16px calc(20px + env(safe-area-inset-bottom,0px));font-family:-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif;font-size:17px;line-height:1.45;
  animation:mbbn-up .25s ease-out;}
@keyframes mbbn-up{from{transform:translateY(40px);opacity:.6;}to{transform:none;opacity:1;}}
.mbbn-grab{width:40px;height:5px;border-radius:3px;background:var(--b-line);margin:2px auto 10px;}
.mbbn-head{display:flex;align-items:center;margin:0 2px 14px;}
.mbbn-head h2{flex:1;margin:0;font-weight:800;font-size:1.7rem;line-height:1.2;font-family:inherit;letter-spacing:-.02em;}
.mbbn-x{width:36px;height:36px;border-radius:50%;border:1px solid var(--b-line);background:var(--b-card);color:var(--b-ink);font-size:1.1rem;display:grid;place-items:center;cursor:pointer;}
.mbbn-card{background:var(--b-card);border:1px solid var(--b-line);border-radius:20px;padding:16px 18px;margin-bottom:14px;box-shadow:var(--b-shadow);}
.mbbn-card p{margin:6px 0 0;}
.mbbn-muted,.mbbn-card small{color:var(--b-muted);}
.mbbn-row{display:flex;align-items:center;gap:12px;}
.mbbn-row-t{flex:1;min-width:0;}
.mbbn-row-t b{display:block;font-size:1.08rem;}
.mbbn-row-t small{font-size:.85rem;}
.mbbn-dot{width:12px;height:12px;border-radius:50%;background:var(--b-line);flex:none;}
.mbbn-dot.on{background:var(--b-teal);box-shadow:0 0 0 4px rgba(20,184,166,.18);}
.mbbn-primary{width:100%;margin-top:14px;padding:14px;border:0;border-radius:14px;background:var(--b-grad);color:#fff;font-weight:800;font-size:1.05rem;font-family:inherit;
  display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;touch-action:manipulation;}
.mbbn-primary:active{transform:scale(.98);}
.mbbn-primary[disabled],.mbbn-link[disabled]{opacity:.55;cursor:default;}
.mbbn-link{display:block;margin:10px auto 0;background:none;border:0;color:var(--b-link);font-weight:600;font-size:.92rem;font-family:inherit;cursor:pointer;}
.mbbn-install{display:flex;gap:12px;align-items:flex-start;}
.mbbn-install > .ti{font-size:1.8rem;color:var(--b-teal);flex:none;}
.mbbn-install b{font-size:1.02rem;}
.mbbn-install p{color:var(--b-muted);font-size:.95rem;}
.mbbn-install p b{color:var(--b-ink);font-size:inherit;}
.mbbn-kick{font-size:.82rem;font-weight:600;color:var(--b-muted);letter-spacing:.02em;margin:4px 4px 8px;}
.mbbn-list{padding:0;overflow:hidden;}
.mbbn-list.dim .mbbn-item{opacity:.6;}
.mbbn-item{display:flex;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid var(--b-line);cursor:pointer;}
.mbbn-group{border-top:1px solid var(--b-line);}
.mbbn-group:first-child{border-top:0;}
.mbbn-group .mbbn-item{border-top:0;}
.mbbn-list.dim .mbbn-time{opacity:.6;}
.mbbn-time{display:flex;align-items:center;gap:8px;padding:0 18px 13px;color:var(--b-muted);font-size:.92rem;cursor:pointer;}
.mbbn-time .ti{font-size:1.05rem;color:var(--b-link);}
.mbbn-time span{flex:1;}
.mbbn-time input{font:700 1rem inherit;font-family:inherit;color:var(--b-ink);background:var(--b-well);border:1px solid var(--b-line);border-radius:12px;padding:7px 10px;min-width:118px;}
.mbbn-time.off{opacity:.45;}
.mbbn-item-t{flex:1;min-width:0;}
.mbbn-item-t b{display:block;font-size:1.02rem;font-weight:700;}
.mbbn-item-t small{font-size:.85rem;}
.mbbn-switch{appearance:none;-webkit-appearance:none;flex:none;width:51px;height:31px;border-radius:999px;background:var(--b-well);border:1px solid var(--b-line);
  position:relative;cursor:pointer;transition:background .2s;margin:0;}
.mbbn-switch::after{content:"";position:absolute;top:2px;left:2px;width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .2s;}
.mbbn-switch:checked{background:var(--b-grad);border-color:transparent;}
.mbbn-switch:checked::after{transform:translateX(20px);}
.mbbn-switch:focus-visible{outline:2px solid var(--b-link);outline-offset:2px;}
.mbbn-status{min-height:1.2em;font-size:.9rem;color:var(--b-ink);margin:2px 4px 8px;}
.mbbn-note{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;color:var(--b-muted);margin:0 4px 6px;}
.mbbn-note .ti{color:var(--b-teal);font-size:1.1rem;flex:none;margin-top:1px;}
.mbbn-demo{font-size:.85rem;font-weight:700;color:var(--b-teal);background:rgba(20,184,166,.14);border-radius:12px;padding:8px 12px;margin-bottom:12px;}