.datepicker{width:-moz-min-content;width:100%}.datepicker:not(.active){display:none}.datepicker-dropdown{padding-top:4px;position:absolute;z-index:20}.datepicker-dropdown.datepicker-orient-top{padding-bottom:4px;padding-top:0}.datepicker-picker{background-color:#fff;border-radius:4px;display:flex;flex-direction:column}.datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)}.datepicker-main{flex:auto;padding:2px}.datepicker-footer{background-color:#f5f5f5;box-shadow:inset 0 1px 1px hsla(0,0%,4%,.1)}.datepicker-title{background-color:#f5f5f5;box-shadow:inset 0 -1px 1px hsla(0,0%,4%,.1);font-weight:700;padding:.375rem .75rem;text-align:center}.datepicker-controls{display:flex}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-controls .button{align-items:center;background-color:#fff;border:1px solid #dcdcdc;border-radius:4px;box-shadow:none;color:#363636;cursor:pointer;display:inline-flex;font-size:1rem;height:2.25em;justify-content:center;line-height:1.5;margin:0;padding:calc(.375em - 1px) .75em;position:relative;text-align:center;vertical-align:top;white-space:nowrap}.datepicker-controls .button:active,.datepicker-controls .button:focus{outline:none}.datepicker-controls .button:hover{border-color:#b8b8b8;color:#363636}.datepicker-controls .button:focus{border-color:#3273dc;color:#363636}.datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.datepicker-controls .button:active{border-color:#474747;color:#363636}.datepicker-controls .button[disabled]{cursor:not-allowed}.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700}.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}.datepicker-footer .datepicker-controls .button{border-radius:2px;flex:auto;font-size:.75rem;margin:calc(.375rem - 1px) .375rem}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-button,.datepicker-controls .prev-button{flex:0 0 14.2857142857%;padding-left:.375rem;padding-right:.375rem}.datepicker-controls .next-button.disabled,.datepicker-controls .prev-button.disabled{visibility:hidden}.datepicker-grid,.datepicker-view{display:flex}.datepicker-view{align-items:stretch;width:100%}.datepicker-grid{flex:auto;flex-wrap:wrap}.datepicker .days{display:flex;flex:auto;flex-direction:column}.datepicker .days-of-week{display:flex}.datepicker .week-numbers{display:flex;flex:0 0 9.6774193548%;flex-direction:column}.datepicker .weeks{align-items:stretch;display:flex;flex:auto;flex-direction:column}.datepicker span{-webkit-touch-callout:none;align-items:center;border-radius:4px;cursor:default;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.datepicker .dow{font-size:.875rem;font-weight:700;height:1.5rem}.datepicker .week{color:#b8b8b8;flex:auto;font-size:.75rem}.datepicker .days .dow,.datepicker-cell{flex-basis:14.2857142857%}.datepicker-cell{height:2.25rem}.datepicker-cell:not(.day){flex-basis:25%;height:4.5rem}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#e9e9e9}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#3273dc;color:#fff;font-weight:600}.datepicker-cell.disabled{color:#dcdcdc}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#7a7a7a}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f5f5f5;border-radius:0}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#efefef}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e9e9e9}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#00ccad}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b8b8b8;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#b3b3b3}.datepicker-cell.range-start:not(.range-end){border-radius:4px 0 0 4px}.datepicker-cell.range-end:not(.range-start){border-radius:0 4px 4px 0}.datepicker-cell.range{background-color:#dcdcdc;border-radius:0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d7d7d7}.datepicker-cell.range.disabled{color:#c6c6c6}.datepicker-cell.range.focused{background-color:#d1d1d1}.datepicker-input.in-edit{border-color:#276bda}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(39,107,218,.2)}

.datepicker-controls .button{
    height: 20px;
}

.datepicker span {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.datepicker-cell {
    height: 1.75rem
}

/* Apply organization theme font and size to mini calendar */
.datepicker,
.datepicker *,
.datepicker-picker,
.datepicker-controls .button,
.datepicker-cell,
.datepicker .dow,
.datepicker .week,
.datepicker span {
    font-family: var(--bit-font-family) !important;
    font-size: var(--bit-mini-calendar-font-size) !important;
}

/* ===========================================
   Mini Calendar - Compact Modern Design
   Matches the cute mini calendar reference
   =========================================== */

/* Container - Compact white card */
#mini_datepicker {
    background: #fff !important;
    border-radius: 6px !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    padding: 8px !important;
    margin: 0 !important;
    margin-bottom: 1rem !important;
    max-width: 180px !important;
}

#mini_datepicker .datepicker {
    font-size: 11px !important;
    width: 100% !important;
    background: transparent !important;
}

#mini_datepicker .datepicker-picker {
    background: transparent !important;
    box-shadow: none !important;
    width: 100% !important;
}

/* Header - Month/Year with nav */
#mini_datepicker .datepicker-header {
    padding: 0 0 4px 0 !important;
}

#mini_datepicker .datepicker-header .datepicker-controls {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Month/Year - centered title */
#mini_datepicker .datepicker-controls .view-switch {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #dc2626 !important;
    background: transparent !important;
    border: none !important;
    padding: 2px 4px !important;
    order: 2;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
}

#mini_datepicker .datepicker-controls .prev-button {
    order: 1;
    flex: 0 0 auto !important;
}

#mini_datepicker .datepicker-controls .next-button {
    order: 3;
    flex: 0 0 auto !important;
}

/* Navigation arrows - small and subtle */
#mini_datepicker .datepicker-controls .prev-button,
#mini_datepicker .datepicker-controls .next-button {
    font-size: 14px !important;
    height: 20px !important;
    width: 20px !important;
    background: transparent !important;
    border: none !important;
    color: #9ca3af !important;
    line-height: 1 !important;
    padding: 0 !important;
}

#mini_datepicker .datepicker-controls .prev-button:hover,
#mini_datepicker .datepicker-controls .next-button:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border-radius: 4px !important;
}

/* Day headers - Single letter, subtle gray */
#mini_datepicker .datepicker .dow {
    font-size: 10px !important;
    font-weight: 500 !important;
    color: #9ca3af !important;
    text-transform: uppercase;
    height: 18px !important;
    background: transparent !important;
    border: none !important;
}

#mini_datepicker .days .dow {
    flex-basis: 14.2857142857% !important;
    min-width: 0 !important;
}

/* Main area */
#mini_datepicker .datepicker-main {
    padding: 0 !important;
}

#mini_datepicker .datepicker-main,
#mini_datepicker .days,
#mini_datepicker .datepicker-grid {
    width: 100% !important;
}

#mini_datepicker .days-of-week,
#mini_datepicker .datepicker-grid {
    padding: 0 !important;
}

/* Day cells - Compact circles */
#mini_datepicker .datepicker-cell {
    height: 22px !important;
    width: 22px !important;
    max-width: 22px !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #374151 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 50% !important;
    flex-basis: 14.2857142857% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 1px auto !important;
}

#mini_datepicker .datepicker-cell:not(.day) {
    height: 22px !important;
}

/* Hover - Light blue circle */
#mini_datepicker .datepicker-cell:hover:not(.disabled):not(.selected):not(.today) {
    background: #e5e7eb !important;
    border-radius: 50% !important;
}

/* Prev/next month days - Light gray */
#mini_datepicker .datepicker-cell.prev:not(.disabled),
#mini_datepicker .datepicker-cell.next:not(.disabled) {
    color: #d1d5db !important;
}

/* Today - Orange/red circle like reference */
#mini_datepicker .datepicker-cell.today:not(.selected) {
    background: #ef4444 !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 50% !important;
    border: none !important;
}

/* Selected date - Bright orange circle */
#mini_datepicker .datepicker-cell.selected,
#mini_datepicker .datepicker-cell.selected:hover {
    background: #f97316 !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 50% !important;
    border: none !important;
}

/* When today is also selected - orange with red border */
#mini_datepicker .datepicker-cell.today.selected {
    background: #f97316 !important;
    border: 2px solid #ef4444 !important;
}

/* Focused state */
#mini_datepicker .datepicker-cell.focused:not(.selected) {
    background: #e5e7eb !important;
    border-radius: 50% !important;
}

/* Override span styling for mini calendar - round */
#mini_datepicker .datepicker span {
    border-radius: 50% !important;
    background: transparent !important;
    border: none !important;
}

/* Highlighted week */
#mini_datepicker .datepicker-cell.highlighted-week:not(.disabled):hover,
#mini_datepicker .datepicker-cell.highlighted-week:hover,
#mini_datepicker .datepicker-cell.highlighted-week,
#mini_datepicker .datepicker-cell.selected.highlighted-week {
    background-color: #dbeafe !important;
    border-radius: 50% !important;
    color: #1e40af !important;
    font-weight: 500 !important;
}

/* Status indicator dots */
#mini_datepicker .datepicker-cell.mini-cal-status-draft,
#mini_datepicker .datepicker-cell.mini-cal-status-available,
#mini_datepicker .datepicker-cell.mini-cal-status-partial,
#mini_datepicker .datepicker-cell.mini-cal-status-confirmed,
#mini_datepicker .datepicker-cell.mini-cal-status-in-progress,
#mini_datepicker .datepicker-cell.mini-cal-status-completed,
#mini_datepicker .datepicker-cell.mini-cal-status-cancelled {
    position: relative;
}

#mini_datepicker .datepicker-cell.mini-cal-status-draft::after,
#mini_datepicker .datepicker-cell.mini-cal-status-available::after,
#mini_datepicker .datepicker-cell.mini-cal-status-partial::after,
#mini_datepicker .datepicker-cell.mini-cal-status-confirmed::after,
#mini_datepicker .datepicker-cell.mini-cal-status-in-progress::after,
#mini_datepicker .datepicker-cell.mini-cal-status-completed::after,
#mini_datepicker .datepicker-cell.mini-cal-status-cancelled::after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

#mini_datepicker .datepicker-cell.mini-cal-status-draft::after { background-color: #9ca3af; }
#mini_datepicker .datepicker-cell.mini-cal-status-available::after { background-color: #22c55e; }
#mini_datepicker .datepicker-cell.mini-cal-status-partial::after { background-color: #f59e0b; }
#mini_datepicker .datepicker-cell.mini-cal-status-confirmed::after { background-color: #3b82f6; }
#mini_datepicker .datepicker-cell.mini-cal-status-in-progress::after { background-color: #f97316; }
#mini_datepicker .datepicker-cell.mini-cal-status-completed::after { background-color: #16a34a; }
#mini_datepicker .datepicker-cell.mini-cal-status-cancelled::after { background-color: #dc2626; }