/* Page containers */
.edit-schedule-page{ }
.edit-main-task-wrapper{ }
.edit-schedule-card{
    background:#fff;
    border:1px solid #E3E6EF;
    border-radius:14px;
    padding:16px;
}
.edit-schedule-form{ display:block; }
.edit-schedule-page  .edit-schedule-form{
    display: grid;
    gap: 14px;
}
.edit-schedule-page .edit-schedule-actions{
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 4px;
}
.edit-schedule-page .edit-schedule-actions .btn-outline{
    background:#fff;
    border:1.5px solid #d3d8e4;
    color:#3a3f58;
    border-radius:10px;
    padding:10px 16px;
    font-weight:700;
    cursor:pointer;
}
.edit-schedule-page .edit-schedule-actions .btn-primary{
    background:#5581FA;
    border:1.5px solid #5581FA;
    color:#fff;
    border-radius:10px;
    padding:10px 16px;
    font-weight:700;
    cursor:pointer;
}
/* Buttons row */
.edit-schedule-actions{
    display:flex;
    gap:10px;
    justify-content:flex-end;
    margin-top:12px;
}
.edit-schedule-page .edit-schedule-form .ts-control{
    min-height: 50px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    background: #fff;
    border-radius: 10px;
    padding: 8px 10px;
    align-items: center;
}
.edit-schedule-page .edit-schedule-form .date-input{
    width: 100%;
    min-height: 50px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.08);
    padding: 10px 12px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    font-size: 14px;
    color: #2f3554;
}
/* ===== Edit Multi-Select (no plugin) — ems-* ===== */
.ems-control{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 12px;
    border:1px solid #E3E6EF;
    border-radius:10px;
    background:#fff;
}
.ems-summary{
    color:#2f3554;
    font-size:14px;
    font-weight:600;
    opacity:.9;
}
.ems-caret{ width:16px; height:16px; opacity:.6 }

/* Panel */
.ems-panel{
    position:relative;
    display:none;
    margin-top:8px;
}
.ems-panel.open{ display:block; z-index:20; }
.ems-head{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:8px;
}
.ems-search{
    flex:1;
    padding:10px 12px;
    border:1px solid #E3E6EF;
    border-radius:10px;
    font-size:14px;
}
.ems-close{
    height:38px;
    padding:0 12px;
    border:1px solid #E3E6EF;
    border-radius:10px;
    background:#fff;
}

/* Groups */
.ems-group{ margin-top:8px; }
.ems-group-title{
    font-size:12px;
    font-weight:700;
    color:#637381;
    margin:8px 4px;
    text-transform:uppercase;
}

/* List */
.ems-list{
    max-height:260px;
    overflow:auto;
    border:1px solid #F0F2F7;
    border-radius:10px;
    background:#fff;
}
.ems-item{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    border-bottom:1px solid #F5F6FB;
}
.ems-item:last-child{ border-bottom:none; }
.ems-item:hover{ background:#F8FAFF; }

.ems-item.selected{ background:#EEF2FF; }
.ems-check{
    width:20px;
    height:20px;
    border-radius:4px;
    border:1px solid #C9D2FF;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    color:transparent;
}
.ems-check.checked,
.ems-item.selected .ems-check{
    background:#5879F0;
    color:#fff;
    border-color:#5879F0;
}
.ems-text{
    flex:1;
    color:#2f3554;
    font-size:14px;
}
.ems-remove{
    width:26px;
    height:26px;
    border:none;
    border-radius:6px;
    background:#fff;
    color:#A1A7C4;
    font-size:16px;
    line-height:1;
}
.ems-remove:hover{ background:#F1F4FF; color:#2f3554; }

.ems-empty{
    text-align:center;
    color:#8A8FA3;
    font-size:13px;
    padding:12px 0;
}

/* Mobile hover safety */
@media (hover:none){
    .ems-item:hover{ background:#fff; }
    .ems-remove:hover{ background:#fff; color:#A1A7C4; }
}