:root{--goal-calendar-width:310px;--goal-calendar-day:40px;--goal-calendar-header:48px;--goal-calendar-color:hsl(var(--brand-h) 100% 43.7%);--goal-calendar-edge:#f25b64;--goal-calendar-radius:2px;--goal-calendar-shadow:0 3px 12px #0005;--goal-calendar-type:14px;--goal-calendar-date:20px}
.goal-period-control>span{display:block;font-size:var(--font-sm);font-weight:600;margin-bottom:var(--space-2)}.goal-period-buttons{display:flex}.goal-period-buttons>button:first-child{min-width:0;flex:1;justify-content:flex-start;font-weight:400}.goal-period-buttons>button:last-child{flex:none;padding:var(--space-2);border-left:0}.goal-period-buttons>button{border-radius:0}.goal-period-buttons svg{width:var(--space-4);height:var(--space-4)}
dialog.goal-calendar{width:min(var(--goal-calendar-width),calc(100vw - var(--space-6)));max-height:calc(100dvh - var(--space-6));border-radius:var(--goal-calendar-radius);box-shadow:var(--goal-calendar-shadow);overflow:auto;font-size:var(--goal-calendar-type)}.goal-calendar::backdrop{background:transparent;backdrop-filter:none}.goal-calendar button{border:0;border-radius:0;min-width:0;font-weight:400;font-size:var(--goal-calendar-type);padding:var(--space-2);background:transparent;color:var(--text)}.goal-calendar-summary{min-height:var(--goal-calendar-header);display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:var(--goal-calendar-color);color:var(--surface);font-size:var(--goal-calendar-date);font-weight:700}.goal-calendar-summary>span{font-weight:400}.goal-calendar-edges{display:grid;grid-template-columns:1fr 1fr}.goal-calendar-edges>button{border-bottom:var(--border) solid transparent;font-size:var(--font-md)}.goal-calendar-edges>button[aria-pressed=true]{border-bottom-color:var(--goal-calendar-edge)}.goal-calendar-nav{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-1)}.goal-calendar-nav>button:nth-child(2){text-transform:capitalize}.goal-calendar-nav svg{width:var(--space-4);height:var(--space-4)}.goal-calendar-week,.goal-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 var(--space-1)}.goal-calendar-week>span{height:var(--goal-calendar-day);display:flex;align-items:center;justify-content:center;color:var(--muted)}.goal-calendar-days>button,.goal-calendar-days>span{height:var(--goal-calendar-day);min-height:0;padding:0}.goal-calendar-days>button{border-radius:50%;width:100%;max-width:var(--goal-calendar-day);justify-self:center}.goal-calendar-days>button.in-range{background:var(--accent-soft)}.goal-calendar-days>button.selected{background:var(--goal-calendar-color);color:var(--surface)}.goal-calendar-days>button[aria-current=date]{font-weight:700}.goal-calendar-days>button:focus-visible{outline:var(--space-1) solid var(--text);outline-offset:calc(-1 * var(--space-1))}.goal-calendar>footer{display:flex;gap:var(--space-1);justify-content:flex-end;padding:var(--space-2)}.goal-calendar>footer>button:first-child:not([data-goal-period-cancel]){margin-right:auto}.goal-calendar>footer>button[data-goal-period-cancel]{color:var(--danger)}.goal-calendar>footer>button.primary{background:var(--goal-calendar-color);color:var(--surface);box-shadow:var(--goal-calendar-shadow)}.goal-calendar .formerror{padding:0 var(--space-3);margin-top:0}.goal-calendar .formerror:empty{display:none}.goal-calendar-presets{display:grid;padding:var(--space-2)}.goal-calendar-presets button{justify-content:flex-start}.goal-calendar-presets button:hover{background:var(--accent-soft)}.goal-calendar-presets small{padding:var(--space-2);color:var(--muted)}.goal-calendar-month-select{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-2)}.goal-calendar-month-select input,.goal-calendar-month-select select{width:100%;min-width:0}.goal-calendar-month-select label{font-size:var(--font-xs)}

.goal-calendar-nav [data-goal-month="-1"] svg{transform:rotate(180deg)}