/* Treatment schedule from the original Groove layout; limited to this screen. */
#groove-treatments{--gt-ink:#232c23;--gt-sage:#5d7b5e;--gt-muted:#5c665d;--gt-line:#dde6dd;--gt-butter:#f5e9b0;width:100%;min-width:0;color:var(--gt-ink);font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5}
#groove-treatments *{box-sizing:border-box}
#groove-treatments :is(h1,h2,p){margin:0}
#groove-treatments :is(button,input){font:inherit}
#groove-treatments button{cursor:pointer}
#groove-treatments button:disabled{cursor:not-allowed;opacity:.5}
#groove-treatments :is(button,input,summary):focus-visible{outline:3px solid var(--gt-sage);outline-offset:3px}
#groove-treatments svg{width:16px;height:16px;flex-shrink:0}
#groove-treatments .gt-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
#groove-treatments .gt-heading>div{min-width:0}
#groove-treatments .gt-eyebrow{font-size:11px;letter-spacing:2.42px;text-transform:uppercase;color:var(--gt-muted)}
#groove-treatments h1{margin-top:8px;font-size:36px;line-height:1.1;font-weight:600;letter-spacing:0}
#groove-treatments .gt-subtitle{margin-top:12px;max-width:576px;color:var(--gt-muted)}
#groove-treatments .gt-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:2px;border:1px solid transparent;font-weight:500;transition:opacity .2s ease,transform .3s ease}
#groove-treatments .gt-button:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}
#groove-treatments .gt-hero{padding-inline:32px;background:linear-gradient(135deg,oklch(.40 .055 146) 0%,oklch(.50 .06 145) 55%,oklch(.62 .06 130) 100%);color:#fff;font-size:12px;letter-spacing:1.44px;text-transform:uppercase}
#groove-treatments .gt-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:40px}
#groove-treatments .gt-card{min-width:0;padding:24px;border:1px solid var(--gt-line);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(42,64,43,.08),0 12px 32px -18px rgba(42,64,43,.24)}
#groove-treatments article.gt-card{position:relative;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
#groove-treatments article.gt-card:has(.gt-more[open]){z-index:3}
#groove-treatments article.gt-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(42,64,43,.1),0 26px 50px -24px rgba(42,64,43,.32)}
#groove-treatments .gt-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#groove-treatments h2{font-size:24px;font-weight:600;line-height:1.25;letter-spacing:0;overflow-wrap:anywhere}
#groove-treatments .gt-remove{position:relative;display:flex;align-items:center;justify-content:center;width:16px;min-width:16px;height:16px;margin-top:5px;padding:0;border:0;background:transparent;color:var(--gt-muted);border-radius:2px}
#groove-treatments .gt-remove:before{content:'';position:absolute;inset:-14px}
#groove-treatments .gt-remove:hover:not(:disabled){color:#a23e38;background:#fff5f2}
#groove-treatments .gt-badge{align-self:flex-start;max-width:calc(100% - 28px);margin-top:12px;padding:2px 10px;border-radius:999px;font-size:12px;line-height:16px;font-weight:500}
#groove-treatments .gt-overdue{background:var(--gt-sage);color:#fff}
#groove-treatments .gt-soon{background:var(--gt-butter);color:#354835}
#groove-treatments .gt-later{background:#eef6ee;color:#354835}
#groove-treatments .gt-details{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:12px;line-height:16px;color:var(--gt-muted)}
#groove-treatments .gt-details p{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}
#groove-treatments .gt-details svg{width:14px;height:14px}
#groove-treatments .gt-notes{margin-top:16px;font-size:12px;line-height:16px;font-style:italic;color:#7b997c;white-space:pre-wrap;overflow-wrap:anywhere}
#groove-treatments .gt-soft{border-color:var(--gt-line);background:linear-gradient(160deg,oklch(.99 .008 100),oklch(.93 .075 98));color:var(--gt-sage)}
#groove-treatments .gt-log{margin-top:24px;width:100%;min-height:36px;height:36px;padding-block:7px;line-height:20px}
#groove-treatments .gt-more{position:absolute;top:73px;right:24px;color:var(--gt-muted);font-size:12px;z-index:2}
#groove-treatments .gt-more summary{position:relative;cursor:pointer;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:2px;list-style:none}
#groove-treatments .gt-more summary::-webkit-details-marker{display:none}
#groove-treatments .gt-more summary:before{content:'';position:absolute;inset:-14px}
#groove-treatments .gt-more>div{position:absolute;top:24px;right:-8px;display:flex;flex-direction:column;gap:4px;width:172px;max-width:calc(100vw - 80px);padding:6px;border:1px solid var(--gt-line);border-radius:6px;background:#fff;box-shadow:0 8px 24px rgba(42,64,43,.18)}
#groove-treatments .gt-more button{min-height:44px;border:0;border-radius:2px;background:#fff;color:var(--gt-sage);padding:8px 10px;text-align:left}
#groove-treatments .gt-more button:hover:not(:disabled){background:#eef6ee}
#groove-treatments .gt-add{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:40px}
#groove-treatments .gt-field{display:flex;flex-direction:column;gap:6px;min-width:0}
#groove-treatments label{font-size:14px;font-weight:500}
#groove-treatments input{display:block;width:100%;min-width:0;max-width:100%;height:36px;min-height:36px;padding:7px 12px;border:1px solid var(--gt-line);border-radius:2px;background:#fff;color:var(--gt-ink);font-size:14px;line-height:20px}
#groove-treatments input:disabled{opacity:.6}
#groove-treatments input::placeholder{color:var(--gt-muted)}
#groove-treatments .gt-quiet{background:transparent;border-color:rgba(93,123,94,.25);color:var(--gt-sage);font-size:12px;letter-spacing:1.44px;text-transform:uppercase}
#groove-treatments .gt-quiet:hover:not(:disabled){background:var(--gt-butter)}
#groove-treatments .gt-full{grid-column:1/-1}
#groove-treatments .gt-status{margin-top:20px;color:var(--gt-muted)}
#groove-treatments .gt-error{color:#a23e38}
#groove-treatments .gt-empty{color:var(--gt-muted)}
#groove-treatments .gt-footnote{margin-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--gt-muted);font-size:12px}
#groove-treatments .gt-footnote p{max-width:740px}
#groove-treatments .gt-footnote button{min-height:44px;background:transparent;border:0;padding:8px 0;color:var(--gt-sage);text-decoration:underline}
#groove-treatments .gt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:640px){#groove-treatments h1{font-size:48px}}
@media(min-width:768px){#groove-treatments .gt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#groove-treatments .gt-add{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1fr) 7rem 7rem auto;align-items:end}}
@media(min-width:1280px){#groove-treatments .gt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:639px){#groove-treatments .gt-log{height:44px;min-height:44px;padding-block:11px}#groove-treatments input{height:44px;min-height:44px;font-size:16px;padding-block:11px}#groove-treatments .gt-remove{width:44px;min-width:44px;height:44px;margin-top:-9px;margin-right:-14px}#groove-treatments .gt-remove:before{inset:0}#groove-treatments .gt-more{top:59px;right:10px}#groove-treatments .gt-more summary{width:44px;height:44px}#groove-treatments .gt-more summary:before{inset:0}#groove-treatments .gt-more>div{top:44px;right:0}}
@media(prefers-reduced-motion:reduce){#groove-treatments .gt-button,#groove-treatments article.gt-card{transition:none}#groove-treatments .gt-button:hover:not(:disabled),#groove-treatments article.gt-card:hover{transform:none}}