:root{--hlf:#0b74b8;--hlf-dark:#12344d;--hlf-bg:#f5f9fc;--hlf-border:#dbe7ef}.hl-feature-page{margin:0;background:var(--hlf-bg);color:var(--hlf-dark);font-family:Arial,sans-serif}.hl-feature-head{height:72px;background:#fff;border-bottom:1px solid var(--hlf-border);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:50}.hl-feature-head img{width:160px}.hl-feature-head a{text-decoration:none;color:var(--hlf-dark);font-weight:700}.hl-feature-app{max-width:1280px;margin:30px auto;padding:0 20px 60px}.hl-feature-hero{display:flex;gap:18px;align-items:stretch;flex-wrap:wrap}.hl-feature-welcome{flex:1;min-width:280px;background:linear-gradient(135deg,#0b74b8,#144f7a);color:#fff;padding:24px;border-radius:18px}.hl-feature-stat{background:#fff;border:1px solid var(--hlf-border);border-radius:16px;padding:18px;min-width:150px;box-shadow:0 6px 20px rgba(17,57,86,.05)}.hl-feature-stat b{display:block;font-size:25px;margin-top:5px}.hl-feature-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.hl-feature-tabs button,.hlf-btn{border:1px solid var(--hlf-border);background:#fff;color:var(--hlf-dark);border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.hl-feature-tabs button.active,.hlf-btn.primary{background:var(--hlf);color:#fff;border-color:var(--hlf)}.hlf-btn.danger{color:#b42318}.hl-feature-panel{display:none}.hl-feature-panel.active{display:block}.hl-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.hl-feature-card{background:#fff;border:1px solid var(--hlf-border);border-radius:14px;padding:16px}.hl-feature-card img{width:100%;height:150px;object-fit:contain;background:#f8fbfd;border-radius:10px}.hl-feature-card h3{font-size:16px;margin:12px 0 6px}.hl-feature-card small{color:#6d8496}.hl-feature-card .row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:12px}.hl-feature-table-wrap{overflow:auto;background:#fff;border:1px solid var(--hlf-border);border-radius:14px}.hl-feature-table{width:100%;border-collapse:collapse;min-width:760px}.hl-feature-table th,.hl-feature-table td{padding:12px;border-bottom:1px solid #edf3f7;text-align:left;font-size:14px}.hl-feature-table th{background:#f8fbfd}.hl-feature-form{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.hl-feature-form input,.hl-feature-form select,.hl-feature-form textarea{border:1px solid var(--hlf-border);border-radius:9px;padding:10px;background:#fff}.hl-feature-form textarea{min-width:280px;min-height:70px}.hlf-notification-bell{position:fixed;right:20px;bottom:92px;width:52px;height:52px;border-radius:50%;border:0;background:#0b74b8;color:#fff;font-size:22px;box-shadow:0 8px 25px rgba(0,0,0,.18);z-index:9996;cursor:pointer}.hlf-notification-bell span{position:absolute;right:-3px;top:-4px;background:#d92d20;border-radius:20px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.hlf-notification-drawer{position:fixed;right:18px;bottom:152px;width:min(390px,calc(100vw - 36px));max-height:540px;background:#fff;border:1px solid var(--hlf-border);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.18);z-index:9997;overflow:auto;display:none}.hlf-notification-drawer.show{display:block}.hlf-notification-drawer header{padding:14px 16px;border-bottom:1px solid var(--hlf-border);display:flex;justify-content:space-between;align-items:center}.hlf-note{padding:13px 16px;border-bottom:1px solid #edf3f7;cursor:pointer}.hlf-note.unread{background:#eef8ff}.hlf-note b{display:block;margin-bottom:4px}.hlf-note small{color:#71879a}.hlf-product-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.hlf-product-actions button{border:1px solid var(--hlf-border);background:#fff;border-radius:9px;padding:9px 12px;cursor:pointer}.hlf-product-actions button.active{background:#e9f6ff;border-color:#81c7ef;color:#075f98}.hlf-card-heart{position:absolute;right:10px;top:10px;z-index:4;width:34px;height:34px;border-radius:50%;border:1px solid var(--hlf-border);background:#fff;cursor:pointer}.hlf-card-heart.active{color:#d92d20}.hlf-compare-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;background:#12344d;color:#fff;padding:10px 14px;border-radius:12px;z-index:9995;display:none;gap:10px;align-items:center}.hlf-compare-bar.show{display:flex}.hlf-modal{position:fixed;inset:0;background:rgba(8,26,40,.55);z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}.hlf-modal.show{display:flex}.hlf-modal-box{background:#fff;border-radius:16px;max-width:980px;width:100%;max-height:90vh;overflow:auto;padding:20px}.hlf-toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#12344d;color:#fff;padding:11px 16px;border-radius:10px;z-index:10002}.hlf-badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#eef6fb;font-size:12px}.hlf-empty{padding:30px;text-align:center;color:#71879a;background:#fff;border:1px dashed var(--hlf-border);border-radius:14px}@media(max-width:700px){.hl-feature-app{padding:0 12px 50px}.hl-feature-head{padding:0 14px}.hl-feature-head img{width:135px}.hl-feature-tabs{overflow:auto;flex-wrap:nowrap}.hl-feature-tabs button{white-space:nowrap}.hlf-notification-bell{right:12px;bottom:78px}}

/* ===== HealthyLife bonus + mobile scroll improvements 2026-09-12 ===== */
.hl-feature-stat small{display:block;margin-top:4px;color:#6d8496;font-size:12px;font-weight:700}
.hl-bonus-summary{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;margin-bottom:16px}
.hl-bonus-rule{background:#eef8ff;border:1px solid #cde9fb;border-radius:12px;padding:14px 16px;margin:0 0 18px;font-weight:700;line-height:1.55}
.hl-bonus-plus{color:#087a48}.hl-bonus-minus{color:#b42318}
.hl-bonus-checkout{background:#fff;border:1px solid var(--hlf-border);border-radius:14px;padding:14px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 5px 16px rgba(17,57,86,.04)}
.hl-bonus-checkout>div:first-child{display:flex;flex-direction:column;gap:4px}.hl-bonus-checkout small{color:#6d8496}
.hl-bonus-checkout-row{display:flex;gap:8px;align-items:center}.hl-bonus-checkout-row input{width:110px;border:1px solid var(--hlf-border);border-radius:9px;padding:10px}
.hl-bonus-checkout>[data-hl-bonus-value]{font-weight:800;color:#087a48;white-space:nowrap}

@media(max-width:700px){
  .hl-feature-app{max-width:100%;overflow-x:hidden}
  .hl-feature-hero{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden;padding:2px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:12px}
  .hl-feature-hero>.hl-feature-welcome{flex:0 0 min(84vw,360px);min-width:0;scroll-snap-align:start}
  .hl-feature-hero>.hl-feature-stat{flex:0 0 min(54vw,210px);min-width:160px;scroll-snap-align:start}
  .hl-feature-tabs{display:flex!important;width:100%!important;max-width:100%!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;padding:3px 2px 12px!important;margin:18px 0!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}
  .hl-feature-tabs button{flex:0 0 auto!important;white-space:nowrap!important;scroll-snap-align:start;min-width:max-content}
  .hl-feature-tabs::-webkit-scrollbar,.hl-feature-hero::-webkit-scrollbar,.hl-feature-grid::-webkit-scrollbar{height:5px}
  .hl-feature-tabs::-webkit-scrollbar-thumb,.hl-feature-hero::-webkit-scrollbar-thumb,.hl-feature-grid::-webkit-scrollbar-thumb{background:#bfd2e0;border-radius:20px}
  .hl-feature-grid{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:12px!important;padding:2px 2px 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}
  .hl-feature-card{flex:0 0 min(84vw,330px)!important;width:min(84vw,330px)!important;max-width:min(84vw,330px)!important;box-sizing:border-box;scroll-snap-align:start}
  .hl-feature-card img{height:180px;object-fit:contain}
  .hl-feature-table-wrap{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .hl-feature-form{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:8px;-webkit-overflow-scrolling:touch}
  .hl-feature-form>*{flex:0 0 auto}
  .hl-bonus-summary{display:flex;overflow-x:auto;gap:12px;padding:2px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .hl-bonus-summary>.hl-feature-stat{flex:0 0 min(62vw,220px);scroll-snap-align:start}
  .hl-bonus-checkout{align-items:stretch}.hl-bonus-checkout-row{width:100%}.hl-bonus-checkout-row input{flex:1;min-width:0}.hl-bonus-checkout-row button{flex:0 0 auto}
  .hlf-modal-box .hl-feature-grid{padding-bottom:16px}
}

/* ===== HealthyLife feature polish v23 ===== */
.hlf-notification-bell [data-hlf-count]{
  right:1px;top:1px;transform:translate(28%,-28%);min-width:15px;height:15px;padding:0 4px;
  border:2px solid #fff;border-radius:999px;background:#d92d20;color:#fff;
  font-size:9px!important;line-height:11px;font-weight:800;box-sizing:border-box;
  box-shadow:0 2px 5px rgba(0,0,0,.18)
}
.hlf-notification-bell [data-hlf-count][hidden]{display:none!important}
.hl-task-form textarea{flex:1 1 420px;min-width:min(420px,70vw)}
.hl-task-text{white-space:pre-wrap;min-width:280px;max-width:560px;line-height:1.45}
.hl-address-form [data-address-text]{min-width:280px;flex:1 1 340px}
.hlf-map-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hlf-map-search{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.hlf-map-search input{flex:1 1 260px;border:1px solid var(--hlf-border);border-radius:10px;padding:11px 12px}
.hlf-map-results{max-height:170px;overflow:auto;margin-bottom:10px;border-radius:10px}
.hlf-map-results button{display:block;width:100%;border:0;border-bottom:1px solid #e9f0f5;background:#fff;text-align:left;padding:10px 12px;cursor:pointer;color:var(--hlf-dark)}
.hlf-address-map{height:min(52vh,430px);min-height:300px;border-radius:14px;overflow:hidden;border:1px solid var(--hlf-border)}
.hlf-selected-address{display:flex;flex-direction:column;gap:4px;margin:12px 0;padding:12px 14px;background:#f7fafc;border:1px solid var(--hlf-border);border-radius:10px}
.hlf-selected-address small{color:#6d8496}.hlf-selected-address strong{line-height:1.4}
.hl-coupon-clear{margin-left:6px}
.hl-coupon-admin-form input[type="datetime-local"]{min-width:180px}

.hl-checkout-address-overlay{position:fixed;inset:0;z-index:10050;background:rgba(8,26,40,.58);display:flex;align-items:center;justify-content:center;padding:18px}
.hl-checkout-address-dialog{width:min(520px,100%);position:relative;background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.25);color:#12344d}
.hl-checkout-address-dialog h3{margin:0 34px 8px 0;font-size:22px}.hl-checkout-address-dialog p{margin:0 0 14px;color:#5d7486;line-height:1.45}
.hl-checkout-address-x{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:26px;cursor:pointer;color:#456}
.hl-checkout-current-address{display:flex;flex-direction:column;gap:5px;padding:13px 14px;background:#f5f9fc;border:1px solid #dbe7ef;border-radius:12px;margin:14px 0 18px}
.hl-checkout-current-address small{color:#71879a}.hl-checkout-current-address strong{line-height:1.45}
.hl-checkout-address-actions{display:flex;gap:10px;flex-wrap:wrap}
.hl-checkout-address-actions button{flex:1 1 210px;border:1px solid #dbe7ef;border-radius:11px;padding:12px 14px;font-weight:800;cursor:pointer;background:#fff;color:#12344d}
.hl-checkout-address-actions .hl-checkout-address-change{background:#0b74b8;border-color:#0b74b8;color:#fff}

@media(max-width:700px){
  .hlf-notification-bell [data-hlf-count]{min-width:14px;height:14px;font-size:8px!important;padding:0 3px}
  .hl-address-form{display:flex!important;flex-wrap:wrap!important;overflow:visible!important}
  .hl-address-form>*{flex:1 1 100%!important;min-width:0!important}
  .hl-task-form{display:flex!important;flex-wrap:wrap!important;overflow:visible!important}
  .hl-task-form>*{flex:1 1 100%!important;min-width:0!important}
  .hlf-map-search{display:grid;grid-template-columns:1fr auto}
  .hlf-map-search input{grid-column:1/-1;min-width:0}
  .hlf-address-map{height:46vh;min-height:280px}
  .hl-checkout-address-dialog{padding:18px}
  .hl-checkout-address-actions{flex-direction:column}
}


/* ===== HealthyLife v24 notification + overflow polish ===== */
.hlf-header-bell,.hl-dash-bell-v9{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,59,149,.12);background:#fff;color:#17324d;cursor:pointer}
.hlf-header-bell{width:2.7rem;height:2.7rem;border-radius:.8rem;font-size:18px;box-shadow:0 3px 12px rgba(15,23,42,.06);flex:0 0 auto}
.hlf-header-bell [data-hlf-count],.hl-dash-bell-v9 [data-hlf-count]{position:absolute;right:-4px;top:-5px;min-width:14px;height:14px;padding:0 3px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:999px;background:#d92d20;color:#fff;font-size:8px;line-height:10px;font-weight:900;box-sizing:border-box;box-shadow:0 2px 4px rgba(0,0,0,.18)}
.hlf-header-bell [data-hlf-count][hidden],.hl-dash-bell-v9 [data-hlf-count][hidden]{display:none!important}
.hl-dash-bell-v9{width:40px;height:40px;border-radius:12px;font-size:18px;padding:0}
.hlf-notification-drawer{max-width:calc(100vw - 24px);word-break:break-word;overflow-wrap:anywhere}
.hl-feature-card,.hl-feature-stat,.hl-feature-welcome,.hlf-note,.hlf-empty{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.hl-feature-table td,.hl-feature-table th{max-width:420px;overflow-wrap:anywhere;word-break:break-word}
.hl-feature-form input,.hl-feature-form select,.hl-feature-form textarea,.hlf-btn{max-width:100%;box-sizing:border-box}
@media(max-width:700px){.hlf-header-bell{width:2.55rem;height:2.55rem}.hlf-notification-drawer{right:12px;left:12px;bottom:auto;top:76px;width:auto;max-height:min(68dvh,540px)}.hl-feature-head{gap:12px}.hl-feature-head a{min-width:0;white-space:normal;text-align:right}.hl-feature-card h3,.hl-feature-card p,.hl-feature-card div{overflow-wrap:anywhere}.hl-feature-table{min-width:680px}}

/* ===== HealthyLife v26 unread badge + universal wrapping ===== */
.hlf-header-bell,.hl-dash-bell-v9{display:none!important}
.hlf-notification-bell{position:fixed!important;right:20px!important;bottom:92px!important;overflow:visible!important;isolation:isolate}
.hlf-notification-bell [data-hlf-count]{
  position:absolute!important;right:-5px!important;top:-6px!important;transform:none!important;
  display:flex;align-items:center;justify-content:center;min-width:16px!important;height:16px!important;
  padding:0 4px!important;border:2px solid #fff!important;border-radius:999px!important;
  background:#dc2626!important;color:#fff!important;font-size:9px!important;line-height:12px!important;
  font-weight:900!important;box-shadow:0 2px 6px rgba(0,0,0,.24)!important;z-index:3!important
}
.hlf-notification-bell [data-hlf-count][hidden]{display:none!important}

/* Long translated text must wrap instead of being clipped. */
.hl-feature-page *,
#dashboardOverlay *,
.payment-overlay *,
.cart-overlay *,
.auth-overlay *{min-width:0}
.hl-feature-card h1,.hl-feature-card h2,.hl-feature-card h3,.hl-feature-card h4,.hl-feature-card p,.hl-feature-card span,.hl-feature-card small,.hl-feature-card label,
.hl-feature-stat,.hl-feature-welcome,.hlf-note,.hlf-empty,.hl-task-text,
#dashboardOverlay h1,#dashboardOverlay h2,#dashboardOverlay h3,#dashboardOverlay h4,#dashboardOverlay p,#dashboardOverlay span,#dashboardOverlay label,#dashboardOverlay button,
.payment-overlay h1,.payment-overlay h2,.payment-overlay h3,.payment-overlay p,.payment-overlay span,.payment-overlay label,.payment-overlay button,
.cart-overlay h1,.cart-overlay h2,.cart-overlay h3,.cart-overlay p,.cart-overlay span,.cart-overlay label,.cart-overlay button,
.auth-overlay h1,.auth-overlay h2,.auth-overlay h3,.auth-overlay p,.auth-overlay span,.auth-overlay label,.auth-overlay button,
.hlf-btn,.hl-feature-tabs button{
  overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important;line-height:1.35
}
.hl-feature-table{table-layout:auto}
.hl-feature-table th,.hl-feature-table td{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;vertical-align:top}
.hl-feature-form input,.hl-feature-form select,.hl-feature-form textarea{width:auto;max-width:100%}

@media(max-width:700px){
  .hlf-notification-bell{right:12px!important;bottom:78px!important}
  .hl-feature-tabs button{white-space:normal!important;min-width:130px!important;max-width:220px!important;text-align:center}
  .hl-feature-card .row{flex-wrap:wrap!important;align-items:stretch!important}
  .hl-feature-card .row>*{flex:1 1 130px!important;max-width:100%!important}
  .hl-feature-form{flex-wrap:wrap!important;overflow:visible!important}
  .hl-feature-form>*{flex:1 1 min(100%,260px)!important;min-width:0!important}
}

/* ===== HealthyLife v27 — mobile one-line text + horizontal scroll ===== */
@media(max-width:700px){
  .hl-feature-page{overflow-x:hidden!important}

  .hl-feature-tabs,
  .hlf-product-actions,
  .hl-feature-table-wrap{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
  }

  .hl-feature-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    padding-bottom:10px!important;
  }
  .hl-feature-tabs button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
  }

  .hlf-product-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    padding-bottom:8px!important;
  }
  .hlf-product-actions button,
  .hlf-product-actions a{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
  }

  .hl-feature-table-wrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding-bottom:10px!important;
  }
  .hl-feature-table{
    width:max-content!important;
    min-width:860px!important;
    max-width:none!important;
    table-layout:auto!important;
  }
  .hl-feature-table th,
  .hl-feature-table td{
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    vertical-align:middle!important;
  }

  /* Orders actions: Reorder / Invoice / Return stay side-by-side. */
  .hl-feature-table td:last-child{
    min-width:360px!important;
    white-space:nowrap!important;
  }
  .hl-feature-table td:last-child .hlf-btn,
  .hl-feature-table [data-reorder],
  .hl-feature-table [data-invoice],
  .hl-feature-table [data-return]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    margin-right:6px!important;
    visibility:visible!important;
    opacity:1!important;
  }

  /* Restore the customer Return action whenever it exists in the DOM. */
  .hl-feature-table [data-return]{
    display:inline-flex!important;
  }
}


/* ===== HealthyLife v27 dashboard notification bell + persistent delete controls ===== */
#dashboardOverlay .hlf-dashboard-bell-v10{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border:1px solid #dce7ef!important;
  border-radius:12px!important;background:#fff!important;color:#17324d!important;font-size:18px!important;cursor:pointer!important;
  box-shadow:0 3px 12px rgba(30,70,120,.07)!important;overflow:visible!important
}
#dashboardOverlay .hlf-dashboard-bell-v10 [data-hlf-count]{
  position:absolute!important;right:-5px!important;top:-6px!important;display:flex;align-items:center;justify-content:center;
  min-width:17px!important;height:17px!important;padding:0 4px!important;border:2px solid #fff!important;border-radius:999px!important;
  background:#dc2626!important;color:#fff!important;font-size:9px!important;line-height:12px!important;font-weight:900!important;
  box-shadow:0 2px 6px rgba(0,0,0,.2)!important;z-index:3!important
}
#dashboardOverlay .hlf-dashboard-bell-v10 [data-hlf-count][hidden]{display:none!important}
.hlf-notification-drawer header{gap:10px}
.hlf-note-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto}
.hlf-note-head-actions .hlf-btn{width:auto!important;min-width:0!important;white-space:nowrap!important}
.hlf-note-delete-all{padding:7px 10px!important;font-size:12px!important;color:#b42318!important;background:#fff!important;border-color:#f3c5c1!important}
.hlf-note{position:relative!important;padding-right:42px!important}
.hlf-note-delete{
  position:absolute;right:10px;top:10px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #e5eaf0;border-radius:999px;background:#fff;color:#7c8ba1;font-size:20px;line-height:1;cursor:pointer;z-index:2
}
.hlf-note-delete:hover{background:#fff1f1;color:#c62828;border-color:#f2bcbc}
@media(max-width:520px){
  #dashboardOverlay .hlf-dashboard-bell-v10{width:40px!important;height:40px!important;min-width:40px!important}
  .hlf-note-head-actions{gap:5px}.hlf-note-delete-all{padding:6px 8px!important;font-size:11px!important}
}

/* v25: keep the dashboard notification control persistent after dashboard re-renders */
#dashboardOverlay .hl-dash-top-user-v9 [data-hlf-dashboard-bell]{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important}


/* v28: one notification bell everywhere, including above the dashboard overlay */
.hlf-notification-bell{z-index:2147483000!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.hlf-notification-drawer{z-index:2147483001!important}
#dashboardOverlay [data-hlf-dashboard-bell],#dashboardOverlay .hlf-dashboard-bell-v10{display:none!important}

/* Explicit close control for the notifications drawer. */
.hlf-note-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#52697a;font-size:24px;line-height:1;cursor:pointer;flex:0 0 auto}.hlf-note-close:hover{background:#eef3f7;color:#12344d}.hlf-note-close:focus-visible{outline:2px solid #0b74b8;outline-offset:2px}

/* Activity log pagination and delete controls */
.hl-activity-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.hlf-btn.danger{border-color:#dc2626;color:#b91c1c;background:#fff}
.hl-activity-delete-cell{width:54px;text-align:center!important}
.hl-activity-x{width:34px;height:34px;border:1px solid #d7dee5;border-radius:10px;background:#fff;font-size:24px;line-height:28px;cursor:pointer;touch-action:manipulation}
.hl-activity-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:18px 0 6px;flex-wrap:wrap}
.hl-activity-pages{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.hlf-page-btn{min-width:38px;height:38px;padding:0 10px;border:1px solid #d7dee5;border-radius:10px;background:#fff;cursor:pointer;touch-action:manipulation}
.hlf-page-btn.active{font-weight:700;border-color:#607d8b}
.hlf-page-btn:disabled{opacity:.45;cursor:default}
@media(max-width:700px){.hl-activity-pagination{align-items:stretch}.hl-activity-pages{order:3;width:100%}.hl-activity-toolbar .hlf-btn{width:100%}}

/* ===== HealthyLife v30 — notifications live in top quick controls ===== */
#globalHeaderNotifications{display:inline-flex!important;position:relative!important;overflow:visible!important}
#globalHeaderNotifications [data-hlf-count]{
  position:absolute!important;right:-5px!important;top:-6px!important;transform:none!important;
  min-width:17px!important;height:17px!important;padding:0 4px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:2px solid #fff!important;border-radius:999px!important;background:#d92d20!important;
  color:#fff!important;font-size:9px!important;line-height:1!important;font-weight:900!important;
  box-shadow:0 2px 6px rgba(0,0,0,.20)!important;z-index:3!important
}
#globalHeaderNotifications [data-hlf-count][hidden]{display:none!important}
.hlf-notification-bell{display:none!important}
.hlf-notification-drawer{
  top:76px!important;right:12px!important;bottom:auto!important;
  width:min(390px,calc(100vw - 24px))!important;max-height:min(68dvh,540px)!important;
}
@media(max-width:700px){
  .hlf-notification-drawer{left:12px!important;right:12px!important;width:auto!important;top:76px!important;bottom:auto!important}
}

/* ===== HealthyLife v31 — compact anchored notifications panel ===== */
.hlf-notification-drawer{
  left:auto!important;
  right:var(--hlf-drawer-right,16px)!important;
  top:var(--hlf-drawer-top,76px)!important;
  bottom:auto!important;
  width:360px!important;
  max-width:calc(100vw - 32px)!important;
  max-height:min(520px,calc(100dvh - var(--hlf-drawer-top,76px) - 16px))!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:18px!important;
  box-shadow:0 22px 65px rgba(17,57,86,.18)!important;
  background:#fff!important;
}
.hlf-notification-drawer>header{position:sticky;top:0;z-index:2;background:#fff;padding:12px 14px!important}
.hlf-notification-drawer>[data-note-list]{overflow:auto!important;max-height:calc(min(520px,calc(100dvh - var(--hlf-drawer-top,76px) - 16px)) - 62px)!important;overscroll-behavior:contain}
.hlf-notification-drawer .hlf-empty{margin:12px;border-radius:14px;padding:24px 16px!important}
.hlf-note-head-actions{flex-wrap:nowrap!important}
.hlf-note-head-actions .hlf-btn{height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important}
.hlf-note-close{width:34px!important;height:34px!important;flex:0 0 34px!important}
@media(max-width:700px){
  .hlf-notification-drawer{
    left:10px!important;right:10px!important;top:82px!important;width:auto!important;max-width:none!important;
    max-height:calc(100dvh - 94px)!important;border-radius:18px!important
  }
  .hlf-notification-drawer>[data-note-list]{max-height:calc(100dvh - 156px)!important}
}


/* v32: notifications use the top header bell only. Never render a floating bottom bell. */
.hlf-notification-bell{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
#globalHeaderNotifications,.hl-global-notifications{display:inline-flex!important;position:relative!important;overflow:visible!important}


/* ===== HealthyLife V55 — feature tabs scroll on desktop + mobile ===== */
.hl-feature-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:10px!important;
  padding:4px 2px 12px!important;
  margin:20px 0!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#b8cee0 transparent!important;
}
.hl-feature-tabs button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
.hl-feature-tabs::-webkit-scrollbar{height:7px!important}
.hl-feature-tabs::-webkit-scrollbar-track{background:transparent!important}
.hl-feature-tabs::-webkit-scrollbar-thumb{background:#b8cee0!important;border-radius:999px!important}

/* The old standalone feature header is no longer used. */
.hl-feature-page .hl-feature-head{display:none!important}

@media(min-width:761px){
  .hl-feature-app{max-width:1280px!important;margin:24px auto!important;padding:0 24px 70px!important}
}