.inj-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.inj-tabs button,.inj-week-head button,.inj-entry button{background:#251e25;color:#eadce3;border:1px solid #674b5c;border-radius:8px;padding:12px;touch-action:manipulation}.inj-tabs [aria-pressed=true]{background:#dfafc2;color:#21171d}.inj-week-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.inj-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:3px}.inj-day{border:0;border-radius:0!important;background:#322731;color:#bba7b5;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);min-height:66px;padding:10px 2px;touch-action:manipulation}.inj-day span,.inj-day strong{display:block}.inj-day span{font-size:10px;letter-spacing:1px}.inj-day strong{font:700 23px -apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums}.inj-day[data-state=done]{background:#eab4cd;color:#251a22}.inj-day[data-state=planned]{background:#765169;color:white}.inj-day[aria-pressed=true]{outline:2px solid #fff;outline-offset:-5px}.inj-entry{border-top:1px solid #513d49;padding:18px 0}.inj-entry p{margin:8px 0;font-size:14px}.inj-entry button{margin-right:8px}.wellness [hidden]{display:none!important}#glp-arc{height:80px!important;max-height:80px;width:100%}

/* Keep the dashboard introduction on Today only. */
.wellness:has(>section[data-pane="today"][hidden])>.awards,
.wellness:has(>section[data-pane="today"][hidden])>.welcome h1,
.wellness:has(>section[data-pane="today"][hidden])>.welcome p,
.wellness:has(>section[data-pane="today"][hidden])>.welcome .week-stamp{display:none!important}
.wellness:has(>section[data-pane="today"][hidden])>.welcome{margin:18px 0 12px!important;padding:0!important;min-height:0!important}
.wellness .glp-dial{display:flex;flex-direction:column;gap:22px;margin:20px auto 0}
.wellness .glp-dial-label{position:static!important;order:-1;gap:6px;line-height:1.2}
.wellness #glp-arc{display:block;flex:none;height:auto!important;max-height:none;aspect-ratio:420/76;overflow:visible}
.wellness #glp-arc text{font-family:-apple-system,BlinkMacSystemFont,sans-serif!important;font-weight:700!important;opacity:1!important}
.inj-day[data-state=planned],.inj-day[data-state=done]{background:linear-gradient(125deg,#929aa4 0%,#f7f9fc 28%,#b6bdc7 52%,#edf1f5 77%,#8c96a3 100%);color:#171c23}

.wellness .glp-dial{margin-top:14px;gap:14px}.wellness .glp-overview{padding-top:24px;padding-bottom:24px}.wellness .glp-next{margin:16px 0}.wellness .glp-facts{margin:16px 0;padding:16px 0}
.inj-overview{background:radial-gradient(ellipse at top,#493138,transparent 75%),#241e21}.inj-countdown{text-align:center;margin:0 0 18px}.inj-countdown .eyebrow{display:block;margin-bottom:12px}.inj-countdown strong{display:block;font:700 34px -apple-system,BlinkMacSystemFont,sans-serif;color:#e4b7b5;font-variant-numeric:tabular-nums}.inj-week{margin-bottom:20px}.inj-day[data-state=done]::after{content:'✓';display:block;font-size:10px;line-height:10px}.inj-day{min-height:72px}.inj-day span{color:inherit!important}.inj-day strong{color:inherit!important}

.wellness .inj-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:2px 0 8px;scroll-snap-type:x proximity}.inj-tabs::-webkit-scrollbar{display:none}.wellness .inj-tabs button{flex:0 0 auto;white-space:nowrap;border-radius:8px!important;min-height:44px;padding:12px 16px;scroll-snap-align:start}.wellness .inj-tabs [aria-pressed=true]{background:linear-gradient(125deg,#929aa4 0%,#f7f9fc 28%,#b6bdc7 52%,#edf1f5 77%,#8c96a3 100%);color:#171c23;border-color:#d1d7df;font-weight:600}


.wellness .w-button,.wellness .w-secondary,.wellness .video-button{border-radius:12px!important}


/* Match GLP calendar geometry while keeping keyboard-accessible day buttons. */
.wellness .inj-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:0;margin:14px 0 20px;aspect-ratio:420/76}
.wellness .inj-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:0;height:100%;padding:0 2px 0 0;border:0!important;outline:0!important;border-radius:0!important;clip-path:polygon(15% 2.63%,96.67% 2.63%,81.67% 97.37%,0 97.37%);background:#322731;color:#eadce3;box-shadow:none!important}
.wellness .inj-day span{font:700 11px sans-serif;line-height:1;letter-spacing:0}
.wellness .inj-day strong{font:700 23px sans-serif;line-height:1;font-variant-numeric:tabular-nums}
.wellness .inj-day[aria-pressed=true],.wellness .inj-day[data-state=planned],.wellness .inj-day[data-state=done]{background:linear-gradient(135deg,#929aa4 0%,#f7f9fc 28%,#b6bdc7 52%,#edf1f5 77%,#8c96a3 100%);color:#171c23}
.wellness .inj-day[data-state=done]::after{position:absolute;right:17%;bottom:5%;font-size:9px;line-height:1}
.wellness .inj-day:focus-visible{filter:brightness(1.2)}
.wellness .inj-week-head{margin:0;min-height:36px}.wellness .inj-week-head button{padding:4px 12px;min-height:36px}.wellness .inj-week-head strong{font-size:14px}


.wellness>section[data-pane="injections"]{padding-top:0!important;margin-top:8px!important}.wellness>section[data-pane="injections"]>.inj-tabs{margin-top:0!important;margin-bottom:16px}.inj-delete-confirm{padding:12px 0}.inj-delete-confirm p{margin:0 0 10px}


.wellness .inj-entry .inj-private-name{display:block;background:transparent;border:0;padding:8px 0;min-height:44px;font:600 17px -apple-system,BlinkMacSystemFont,sans-serif;color:#eadce3;text-align:left}.wellness .inj-private-name[aria-expanded=false]{letter-spacing:3px}


.wellness [data-pane="injections"][data-kind="vitamin"] .inj-countdown,.wellness [data-pane="injections"][data-kind="vitamin"] .inj-week-head,.wellness [data-pane="injections"][data-kind="vitamin"] .inj-week,.wellness [data-pane="injections"][data-kind="vitamin"] .inj-week+p.note{display:none!important}
.vitamin-plans{display:grid;gap:8px;margin:0 0 18px}.vitamin-plan{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,1.1fr);align-items:center;gap:8px;padding:15px 12px;background:#282126;border:1px solid #57444e;border-radius:10px;min-width:0}.vitamin-plan>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important;line-height:1.3}.vitamin-plan strong{font-weight:600;color:#f0e7eb}.vitamin-dose{color:#e0d4dc;font-variant-numeric:tabular-nums}.vitamin-when{text-align:right;color:#d4dce6}


.wellness .vitamin-plan{padding-right:22px;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,1.1fr)}
.wellness [data-pane="injections"][data-kind="vitamin"]>.inj-overview{display:none!important}
.wellness .vitamin-add{display:block;width:100%;box-sizing:border-box;min-height:48px;padding:13px 18px;border:1px solid #77616c;border-radius:10px;background:#30252c;color:#f0e7eb;font-size:16px;text-align:left;margin:0 0 22px;touch-action:manipulation}
.wellness .vitamin-editor{box-sizing:border-box;width:calc(100% - 32px);max-width:480px;max-height:calc(100dvh - 48px);margin:auto;padding:22px;background:#241e23;color:#f0e7eb;border:1px solid #765b6b;border-radius:18px;overflow-y:auto;overscroll-behavior:contain}
.vitamin-editor::backdrop{background:rgba(8,6,10,.76);backdrop-filter:blur(5px)}
.vitamin-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.wellness .vitamin-editor-head h2{font-size:22px;margin:0}.vitamin-editor-head button{flex:none;width:44px;height:44px;border:1px solid #765b6b;border-radius:8px;background:transparent;color:#eee;font-size:26px}
.wellness [data-pane="injections"] .w-form{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}
.wellness [data-pane="injections"] .w-form label{display:block;min-width:0;max-width:100%}
.wellness [data-pane="injections"] .w-form input,.wellness [data-pane="injections"] .w-form select,.wellness [data-pane="injections"] .w-form textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-size:16px}
.wellness [data-pane="injections"] input[type=date],.wellness [data-pane="injections"] input[type=time]{display:block;appearance:none;-webkit-appearance:none;min-height:48px}
body:has(.vitamin-editor[open]){overflow:hidden}


.vitamin-plan{cursor:pointer;touch-action:manipulation}.vitamin-plan:has(.vitamin-actions){grid-template-columns:minmax(0,1.3fr) minmax(0,.65fr) auto auto;gap:6px;padding-left:10px;padding-right:12px}.vitamin-plan .vitamin-actions{display:flex;gap:4px;overflow:visible}.vitamin-actions button{width:34px;min-height:40px;padding:0;border:1px solid #8b7682;border-radius:8px;background:#3b3038;color:#f5edf2;font-size:20px;touch-action:manipulation}.vitamin-editor>.w-card{padding:8px 0;border:0;background:transparent}.vitamin-editor>button{background:#30252c;color:#eee;border:1px solid #765b6b;border-radius:8px;padding:10px 14px;float:right}.vitamin-editor>.w-card{clear:both}


.wellness .vitamin-plan{grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1.1fr)}
.wellness .vitamin-plan:has(.vitamin-actions){grid-template-columns:minmax(0,1fr) minmax(0,.62fr) auto auto;column-gap:8px}
.wellness .vitamin-plan:has(.vitamin-actions) .vitamin-when{margin-right:12px}


.wellness>section[data-pane="injections"][data-kind="vitamin"]{display:flex;flex-direction:column;min-height:calc(100svh - 245px);box-sizing:border-box}
.wellness [data-kind="vitamin"]>.inj-tabs,.wellness [data-kind="vitamin"]>.vitamin-plans{flex-shrink:0}
.tablet-actions{display:none}.wellness [data-kind="vitamin"]>.tablet-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));flex-shrink:0}
.wellness .tablet-actions .vitamin-add{margin:0;text-align:center}
