/* Task Tracker DateTime Header Styles */

.task_tracker_datetime_divider_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 60%;
    background-color: #e0e0e0;
}

.task_tracker_datetime_divider_bottom {
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background-color: #e0e0e0;
}

/* DateTime Header Styles */
.task_tracker_datetime_header{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:960px;margin:0 auto;padding:2rem 2rem 3rem;margin-bottom:1.5rem;z-index:10;box-sizing:border-box}

.task_tracker_datetime_header_left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-right:2rem;cursor:pointer;transition:opacity 0.15s ease}

.task_tracker_datetime_header_left:hover{opacity:0.85}

.task_tracker_datetime_header_row_1{font-size:1.2rem;font-weight:400;color:#282d3b;margin-bottom:0.25rem;text-align:center}

.task_tracker_datetime_header_row_2{font-size:4rem;font-weight:700;color:#282d3b;line-height:1;text-align:center;margin-bottom:0.25rem;transition:opacity 0.15s ease}

.task_tracker_datetime_header_row_2:hover{opacity:0.7}

.task_tracker_datetime_header_row_3{font-size:1.2rem;font-weight:400;color:#282d3b;text-transform:uppercase;text-align:center;margin-top:0.25rem;transition:opacity 0.15s ease}

.task_tracker_datetime_header_row_3:hover{opacity:0.7}

.task_tracker_datetime_header_vertical_divider{width:1px;align-self:stretch;background-color:#e5e7eb;flex-shrink:0;margin:0 1.5rem}

.task_tracker_datetime_header_right{flex:1;display:flex;justify-content:center;align-items:center;padding-left:2rem}

.task_tracker_datetime_header_right_content{display:flex;align-items:center;gap:3rem;width:100%;justify-content:center}

.task_tracker_datetime_header_time_location{display:flex;flex-direction:column;justify-content:center;align-items:center}

.task_tracker_datetime_header_time{font-size:4rem;font-weight:700;color:#282d3b;line-height:1;margin-bottom:0.25rem}

.task_tracker_datetime_header_location{font-size:1rem;font-weight:300;color:#6c757d}

.task_tracker_datetime_header_icons{display:flex;flex-direction:column;gap:1.5rem;align-items:center;flex-shrink:0;margin-left:auto;margin-right:0}

.task_tracker_datetime_header_icon{font-size:1.2rem;cursor:pointer;transition:0.15s ease;display:flex;align-items:center;justify-content:center}

.task_tracker_datetime_header_icon img{width:1.2rem;height:1.2rem;transition:0.15s ease}

.task_tracker_datetime_header_icon:hover{filter:drop-shadow(0 0 6px rgba(40,45,59,0.4));opacity:1}

.task_tracker_datetime_header_icon:hover img{opacity:0.8}

.task_tracker_datetime_header_bottom_line {
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background-color: #e0e0e0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .task_tracker_datetime_header{padding:1rem 1rem}
    .task_tracker_datetime_header_left{padding-right:0}
    .task_tracker_datetime_header_right_content{gap:1.5rem}
    .task_tracker_datetime_header_time,.task_tracker_datetime_header_row_2{font-size:3rem}
    .task_tracker_datetime_header_icons{margin-left:auto;margin-right:2rem;flex-shrink:0}
    .task_tracker_datetime_header_right{padding-right:2.5rem}
    .task_tracker_datetime_header_vertical_divider{margin:0 1rem}
    .task_tracker_search_container--centered{position:relative;left:auto;transform:none;flex:1;margin:1rem 3rem 1rem 0}
    .task_tracker_search_fields_wrapper{width:100%;position:relative}
    .task_tracker_search_icon_inside{right:16px;width:20px;height:20px}
}

@media (max-width: 576px) {
    .task_tracker_datetime_header{padding:1rem 0.5rem}
    .task_tracker_datetime_header_left{padding-right:0}
    .task_tracker_datetime_header_row_1,.task_tracker_datetime_header_row_3{font-size:0.875rem}
    .task_tracker_datetime_header_location{font-size:0.875rem}
    .task_tracker_datetime_header_icons{gap:0.5rem;margin-left:auto;margin-right:1rem}
    .task_tracker_datetime_header_right{padding-right:2rem}
    .task_tracker_datetime_header_icon{font-size:1.1rem}
    .task_tracker_datetime_header_icon img{width:1.1rem;height:1.1rem}
    .task_tracker_datetime_header_right_content{gap:1rem}
    .task_tracker_datetime_header_time,.task_tracker_datetime_header_row_2{font-size:2.5rem}
    .task_tracker_datetime_header_vertical_divider{margin:0 0.75rem}
    .task_tracker_search_container--centered{position:relative;left:auto;transform:none;flex:1;margin:1rem 2rem 1rem 0}
    .task_tracker_search_icon_inside{right:12px;width:18px;height:18px}
}

@media (max-width: 480px) {
    .task_tracker_datetime_header{padding:0.75rem 0.5rem}
    .task_tracker_datetime_header_left{padding-right:0}
    .task_tracker_datetime_header_time,.task_tracker_datetime_header_row_2{font-size:2rem}
    .task_tracker_datetime_header_right{padding-right:1rem}
    .task_tracker_datetime_header_icons{margin-right:0.75rem;gap:0.4rem}
    .task_tracker_datetime_header_icon img{width:1rem;height:1rem}
    .task_tracker_datetime_header_vertical_divider{margin:0 0.5rem}
}

@media (max-width: 470px) {
    .task_tracker_datetime_header{padding:0.5rem 0.25rem}
    .task_tracker_datetime_header_left{padding-right:0}
    .task_tracker_datetime_header_time,.task_tracker_datetime_header_row_2{font-size:1.85rem}
    .task_tracker_datetime_header_row_1,.task_tracker_datetime_header_row_3{font-size:0.75rem}
    .task_tracker_datetime_header_location{font-size:0.75rem}
    .task_tracker_datetime_header_vertical_divider{margin:0 0.35rem}
    .task_tracker_datetime_header_right{padding-right:0.5rem}
    .task_tracker_datetime_header_icons{margin-right:0.5rem;gap:0.3rem}
    .task_tracker_datetime_header_icon img{width:0.9rem;height:0.9rem}
}

@media (max-width: 375px) {
    .task_tracker_datetime_header{padding:0.75rem 0.25rem}
    .task_tracker_datetime_header_left{padding-right:0}
    .task_tracker_datetime_header_time,.task_tracker_datetime_header_row_2{font-size:1.75rem}
    .task_tracker_datetime_header_row_1,.task_tracker_datetime_header_row_3{font-size:0.75rem}
    .task_tracker_datetime_header_location{font-size:0.75rem}
    .task_tracker_datetime_header_vertical_divider{margin:0 0.4rem}
    .task_tracker_datetime_header_right{padding-right:0.5rem}
    .task_tracker_datetime_header_icons{margin-right:0.5rem;gap:0.35rem}
    .task_tracker_datetime_header_icon img{width:0.9rem;height:0.9rem}
}

@media (max-width: 420px) {
    .task_tracker_search_container--centered{margin:1rem 1rem 1rem 0}
    .task_tracker_search_input--title,.task_tracker_search_input--location{flex:1;min-width:0;font-size:0.8rem}
    .task_tracker_search_input--title{padding-right:0.25rem}
    .task_tracker_search_input--location{padding-left:0.25rem;padding-right:2rem}
}